分享188个JS特效幻灯片源码，总有一款适合你

​

链接：https://pan.baidu.com/s/1ZoPBH4z8IKo6d5JvnStjxA 
提取码：vjjm

下面是文件的名字，我放了一些图片，文章里不是所有的图主要是放不下...，大家下载后可以看到。

jQuery缩略图片幻灯片切换特效
jQuery遮罩弹窗幻灯片特效
JS体育赛事网站幻灯片代码
jQuery仿今日头条首页幻灯片代码
swiper全屏响应式幻灯片代码
jQuery图片视差轮播切换代码
jQuery招聘网站幻灯片动画特效
jQuery宽屏3D旋转切换图片代码
jQuery仿简书网图片切换代码
jQuery仿小猪CMS官网幻灯片代码
js css3图片切换立体旋转代码
jQuery图片文字幻灯片动画切换代码
jQuery点击小图控制大图切换代码
jQuery图标菜单点击图片切换代码
jQuery网站首页幻灯片切换代码
jQuery图片轮播插件多种切换效果
图片全屏轮播插件poposlides
可全屏可触控的jQuery幻灯片
CSS3全屏响应式幻灯片特效
HTML5可拖拽全屏幻灯片切换代码
jQuery多款切换效果轮播图插件
jQuery带箭头的图片滑动切换代码
适合甜品店的CSS3幻灯片特效
兼容IE8的jQuery轮播图插件
js图片倒影显示幻灯片切换代码
兼容IE8的jQuery幻灯片切换代码
HTML5 SVG预览图变形切换幻灯片特效
Material Design风格内容幻灯片代码
jQuery仿百度经验分页阅读特效
jQuery带视觉差效果幻灯片代码
JS CSS3制作3D翻转式幻灯片代码
jQuery多种切片过渡动画幻灯片代码
jQuery带音效旋转式切换幻灯片
SVG剪裁路径和遮罩jQuery幻灯片
HTML5全屏幻灯片切换特效
HTML5幻灯片切换插件Sequence.js
jQuery移动端幻灯片插件swipeslider
HTML5全屏响应式缩放切换幻灯片
jQuery移动手机端幻灯片插件Swiper
jQuery轻量级响应式幻灯片插件
五图三屏轮播js特效代码
jQuery适合风景展现幻灯片代码
HTML5响应式全屏宽度幻灯片特效
jQuery带视差切换效果幻灯片代码
jQuery带箭头图片层叠轮播切换代码
jQuery仿智能电视幻灯片代码
jQuery 3D图片旋转切换特效
jQuery网易游戏首页全屏幻灯片
jQuery自适应倾斜图片切换代码
jQuery响应式幻灯片代码
纯CSS3实现的图片切换幻灯片代码
可自定义jQuery响应式幻灯片插件
jQuery图片垂直切换幻灯片代码
CSS剪裁路径js幻灯片代码
jQuery幻灯片插件Slippry
html5支持手机触屏幻灯片代码
jQuery键盘控制PPT幻灯片特效
小米官网带分类jQuery幻灯片
电影胶卷风格js幻灯片
jQuery左右切换焦点轮播幻灯片
带缩略图移动端jQuery幻灯片
移动端LightBox幻灯片代码
支持PC端手机端幻灯片代码
jQuery带时钟网站幻灯片代码
html5 css3图片幻灯片切换代码
类似幻灯片jQuery视屏画廊特效
HTML5带左右箭头可拖动幻灯片代码
jQuery图片选中突出标签幻灯片代码
jQuery图片交叉切换幻灯片代码
jQuery手机触屏滑动切换幻灯片
jQuery带标题描述背景幻灯片代码
JQ仿视频播放器图片浏览幻灯片代码
jQuery幻灯片插件SkitterSlideshow
支持多种动画特效jQuery幻灯片
jQuery可悬停控制图片轮播代码
jQuery雷达扫描切换幻灯片代码
jQuery多功能自动播放幻灯片
新浪游戏首页jQuery幻灯片
3D立体手机触屏图片切换代码
jQuery电影网站大图幻灯片轮播代码
jQuery响应式滑块切换
HTML5全屏垂直滚动切换幻灯片
bootstrup3全屏切换幻灯片代码
功能强大的HTML5滑块幻灯片
唯品会jQuery授权书展示幻灯片
爱搞机首页jQuery幻灯片代码
迅雷影音官网jQuery幻灯片特效
可嵌入图片视频jQuery全屏滑块
侧边索引按钮js幻灯片代码
支持移动触摸设备js幻灯片
手机触屏滑动图片切换插件swiper.js
电子商务网站首页幻灯片
jQuery带标题的3D图片切换代码
jquery宽屏左右切换幻灯片代码
jQuery网站首页宽屏幻灯片代码
多图多屏jQuery幻灯片代码
jQuery左右淡入淡出切换幻灯片
jQuery html5触屏手机幻灯片代码
jquery底部带缩略图的幻灯片代码
jquery点击小图弹出全屏幻灯片代码
jquery html5全屏幻灯片代码
js循环滚动切换首页幻灯片
jquery带按钮的图片滚动切换代码
右侧缩略图jQuery轮播图效果
jquery带暂停播放和时间轴幻灯片
jQuery 3D图片切换插件iPresenter
jquery淡出淡入广告图片切换代码
jQuery带左右箭头宽屏幻灯片
js切片效果图片切换幻灯片
jquery desoslide幻灯片插件
LayerSlider带动画效果幻灯片
JS旅游网站带幻灯片代码
jQuery碎纸切换效果幻灯片
jquery带登录注册幻灯片代码
jQuery全屏幻灯片插件finger
jquery css3动画幻灯片代码
jQuery实用淡入淡出幻灯片
纯JS仿FLASH图片轮换播放
jQuery幻灯片插件Skippr
五种切换效果的jQuery幻灯片
jQuery百叶窗效果插件blindify
slides带缩略图的图片相册幻灯片
jQuery CSS3旋转滑块幻灯片
右侧8张缩略图jQuery图片轮播特效
代码量少的jQuery图片幻灯片
jQuery多功能垂直幻灯片
jQuery淡出淡入带缩略图幻灯片
FlexSlider插件实现滑块幻灯片
jQuery全屏背景滑块幻灯片
Orbit仿新浪电影频道2013版幻灯片
环形切换效果jQuery幻灯片
产品多图展示带放大镜代码
jQuery带箭头动画弹出幻灯片
jQuery大屏淡入淡出幻灯片
可全宽显示的jQuery滑块幻灯片
标题 索引按钮jQuery幻灯片
带动感抖动效果CSS3幻灯片
jQuery图片轮播幻灯片插件Diapo
JS带左右箭头幻灯片
jquery css3幻灯片插件Bootslider
搜狐畅言网站jQuery幻灯片
四维图新网站jQuery幻灯片
jQuery CSS3动态图文幻灯片
jquery前后张图片部分截图幻灯片
jQuery CSS3实现动画滑块幻灯片
jQuery多功能网站幻灯片
描边按钮jQuery淡入淡出幻灯片
纯CSS3实现超酷幻灯片切换
jQuery图片自适应全屏幻灯片
jQuery带缩略图预览幻灯片
旅游网站jquery scrollpic幻灯片
jQuery带动画全屏图文切换
js四屏带缩略图响应幻灯片
3D立体旋转jquery幻灯片
jquery css3响应式图片轮播
TAB箭头标签jQuery幻灯片
360度旋转木马jQuery幻灯片
6宫格自动轮换jquery幻灯片
jQuery可拖动切换全宽滑块
半透明遮罩jQuery图片轮播
html5带立体感觉幻灯片
js实现3D图片逐张轮播幻灯片
jQuery全屏简洁带索引幻灯片
jQuery实用幻灯片特效代码
UISlide1.0左右滑动幻灯片
百叶窗风格左右滑动幻灯片
jQuery圆形修边滑块幻灯片
jQuery全屏可暂停滑块幻灯片
jQuery淡入淡出宽屏幻灯片
jQuery按钮控制图片全屏幻灯片
jQuery倾斜逐张切换幻灯片
婚纱摄影网站jQuery幻灯片
带左右箭头jQuery幻灯片
5款不同的图片3D切换特效
jQuery触屏手机拖拽幻灯片
jQuery自适应图片宽度幻灯片
jQuery超酷百叶窗幻灯片
正方形索引按钮jquery幻灯片
cxSlide电商网站宫格幻灯片
带索引按钮的jQuery滑块
iphone5s页面全屏幻灯片滚动
音悦台首页满屏jQuery幻灯片
jQuery右侧选项卡收缩幻灯片
jQuery切割抖动幻灯片
jQuery下一个素描预览幻灯片
带缩略图jQuery幻灯片相册代码
163网易图片新闻jQuery幻灯片
js淘宝首页缓冲幻灯片

# http://www.youzi4.cc/mm/xin/index_pt1_1.html
import os

import requests
from bs4 import BeautifulSoup

from sprider.access.sprider.SpriderAccess import SpriderAccess
from main.base.BaseConfig import BaseConfig
from main.base.BaseFrame import BaseFrame
from sprider.object.SpriderEntity import SpriderEntity
from main.plugin.Tools import Tools


class Youzi4:
    page_count = 1  # 每个栏目开始业务
    base_url = "http://www.youzi4.cc"  # 采集的网址
    base_hot = "http://www.youzi4.cc/mm/xin/index_pt1_{0}.html"
    save_path = BaseConfig().CORPUS_ROOT   os.sep   "Youzi4"

    def __init__(self):
        pass

    def sprider_mm_pic(self):
        BaseFrame.__log__("开始采集youzi4网站图片...")
        number = SpriderAccess().find_pager_by_url_and_type(self.base_url, "mm")
        if number > 1:
            self.page_count = number
            BaseFrame.__log__("本次采集从分页"   str(number)   "开始。")
        try:
            first_url = Youzi4.base_hot.format(self.page_count)
            response = requests.get(first_url, timeout=10)
        except Exception as e:
            BaseFrame.__log__("请求一级栏目出现错误，倒霉...重试"   str(e))
            self.sprider_mm_pic()  # 重新执行一下
            return
        response.encoding = 'UTF-8'
        soup = BeautifulSoup(response.text, "html5lib")
        pager_html = soup.findAll('a', attrs={"class": 'page-a'})
        page_end_number = pager_html[pager_html.__len__() - 1].string
        while self.page_count <= int(page_end_number):  # 翻完停止
            if self.page_count == 1:  # 栏目的第一个地址
                list_url = soup.find_all('a', attrs={"class": 'tit'})
                for url in list_url:
                    self.sprider_image(url.get("href"),self.page_count)
                    pass
                pass
            else:
                try:
                    next_url = Youzi4.base_hot.format(self.page_count)
                    response = requests.get(next_url, timeout=10)
                    soup = BeautifulSoup(response.text, "html5lib")
                    list_url = soup.find_all('a', attrs={"class": 'tit'})
                    for url in list_url:
                        self.sprider_image(url.get("href"),self.page_count)
                except Exception as e:
                    BaseFrame.__log__("请求一级栏目出现错误，倒霉...。"   self.page_count   str(e))
                    return
                pass
            self.page_count = self.page_count   1
            pass

    # region 构建网址下所有图片的地址
    def sprider_image(self, url,index):
        # http://www.youzi4.cc/mm/3419/3419_1.html
        x = 1
        try:
            response = requests.get(url, timeout=5)  # 图片地址
            response.encoding = 'UTF-8'
            soup = BeautifulSoup(response.text, "html5lib")
            pic_title = soup.find("strong").string
            BaseFrame.__log__("采集"   str(pic_title)   "的图片..."   url)
            pager_max_index_html = soup.findAll('a', attrs={"class": "page-a"})  # page
            page_end_number = pager_max_index_html[pager_max_index_html.__len__() - 1].string
        except Exception as e:
            BaseFrame.__log__("第一次请求过程出先错误...重新请求."   str(e))
            self.sprider_image(url)
            return
        while x <= int(page_end_number):
            if x == 1:
                images = soup.find('img', attrs={"class": 'IMG_show'})  # yigetu
                pic_url = images.get("src")

                mmEntity = SpriderEntity()  # 依据图片执行，下载过的图片不再下载
                mmEntity.sprider_base_url = self.base_url
                mmEntity.create_datetime = Tools.get_current_datetime()
                mmEntity.sprider_url = pic_url
                mmEntity.sprider_pic_title = pic_title
                mmEntity.sprider_pic_index = str(x)
                mmEntity.sprider_pager_index = index
                mmEntity.sprider_type = "mm"
                if SpriderAccess().query_sprider_entity_by_urlandindex(pic_url, str(x)) is None:
                    SpriderAccess().save_sprider(mmEntity)
                    self.down_pic(pic_url, pic_title, x)

                else:
                    BaseFrame.__log__(pic_url   "数据采集过因此跳过")
            else:
                try:
                    # http://www.youzi4.cc/mm/3419/3419_1.html
                    new_url_format = str(url).replace("1.html", "{0}.html")
                    new_url = new_url_format.format(x)
                    response = requests.get(new_url, timeout=5)  # 图片地址
                    response.encoding = 'UTF-8'
                    soup = BeautifulSoup(response.text, "html5lib")
                    images = soup.find('img', attrs={"class": 'IMG_show'})
                    pic_url = images.get("src")
                    mmEntity = SpriderEntity()  # 依据图片执行，下载过的图片不再下载
                    mmEntity.sprider_base_url = self.base_url
                    mmEntity.create_datetime = Tools.get_current_datetime()
                    mmEntity.sprider_url = pic_url
                    mmEntity.sprider_pic_title = pic_title
                    mmEntity.sprider_pic_index = str(x)
                    mmEntity.sprider_pager_index = index
                    mmEntity.sprider_type = "mm"
                    if SpriderAccess().query_sprider_entity_by_urlandindex(pic_url, str(x)) is None:
                        SpriderAccess().save_sprider(mmEntity)
                        self.down_pic(pic_url, pic_title, x)
                    else:
                        BaseFrame.__log__(pic_url   "数据采集过因此跳过")

                except Exception as e:
                    BaseFrame.__log__("请求"   new_url   "过程出先错误...跳过本次请求"   str(e))
                    continue
            x = x   1

    # endregion

    # region 下载图片
    def down_pic(self, pic_url, pic_title, index):
        try:
            headers = {"Referer": pic_url,
                       'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 '
                                     '(KHTML, like Gecko)Chrome/62.0.3202.94 Safari/537.36'}
            content = requests.get(pic_url, headers=headers)
            real_path = self.save_path   os.sep   pic_title   os.sep

            if (os.path.exists(real_path) is False):
                os.makedirs(real_path)
            if content.status_code == 200:
                pic_title = pic_title   str(index);
                pic_cun = real_path   pic_title   '.jpg'
                fp = open(pic_cun, 'wb')
                fp.write(content.content)
                fp.close()
        except Exception as e:
            BaseFrame.__log__("下载图片过程出现错误"   str(e))
            return
        pass
    # endregion


if __name__ == '__main__':
    Youzi4().sprider_mm_pic()
pass

jQuery缩略图片幻灯片切换特效

​编辑

jQuery遮罩弹窗幻灯片特效

​编辑

JS体育赛事网站幻灯片代码

​编辑

jQuery仿今日头条首页幻灯片代码

​编辑

swiper全屏响应式幻灯片代码

​编辑

jQuery图片视差轮播切换代码

​编辑

jQuery招聘网站幻灯片动画特效

​编辑

jQuery宽屏3D旋转切换图片代码

​编辑

jQuery仿简书网图片切换代码

​编辑

jQuery仿小猪CMS官网幻灯片代码

​编辑

js css3图片切换立体旋转代码

​编辑

jQuery图片文字幻灯片动画切换代码

​编辑

jQuery点击小图控制大图切换代码

​编辑

jQuery图标菜单点击图片切换代码

​编辑

jQuery网站首页幻灯片切换代码

​编辑

jQuery图片轮播插件多种切换效果

​编辑

图片全屏轮播插件poposlides

​编辑

可全屏可触控的jQuery幻灯片

​编辑

CSS3全屏响应式幻灯片特效

​编辑

HTML5可拖拽全屏幻灯片切换代码

​编辑

jQuery多款切换效果轮播图插件

​编辑

jQuery带箭头的图片滑动切换代码

​编辑

适合甜品店的CSS3幻灯片特效

​编辑

链接：https://pan.baidu.com/s/1ZoPBH4z8IKo6d5JvnStjxA 
提取码：vjjm

​