分享99个JS幻灯片代码,总有一款适合您

简介: 分享99个JS幻灯片代码,总有一款适合您

分享99个JS幻灯片代码,总有一款适合您


 

99个JS幻灯片代码下载链接:https://pan.baidu.com/s/1n8UQ41cem0GmgsOXCq9kMw?pwd=m5zf

提取码:m5zf

Python采集代码下载链接:采集代码.zip - 蓝奏云

JS大气网站主页幻灯片切换代码

JS响应式缩略图幻灯片特效

H5全屏手风琴幻灯片切换特效

倾斜图片相册幻灯片切换H5特效

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

jQuery遮罩弹窗幻灯片特效

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

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

swiper全屏响应式幻灯片代码

jQuery图片视差轮播切换代码

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

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

jQuery仿简书网图片切换代码

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

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

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

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

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

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

图片全屏轮播插件poposlides

可全屏可触控的jQuery幻灯片

CSS3全屏响应式幻灯片特效

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

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

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

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

兼容IE8的jQuery轮播图插件

js图片倒影显示幻灯片切换代码

兼容IE8的jQuery幻灯片切换代码

def sprider(self,title_name):
        """
       采集
       进度条 https://sc.chinaz.com/jiaoben/jindutiao.html
       在线客服 https://sc.chinaz.com/jiaoben/kefu.html
       幻灯片代码 https://sc.chinaz.com/jiaoben/huandengpian.html
       :return:
       """
        if title_name == "幻灯片代码":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS幻灯片代码"
            self.second_column_name = "huandengpian"
        elif title_name == "进度条":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS进度条"
            self.second_column_name = "jindutiao"
        elif title_name == "在线客服":
            self.first_column_name = "jiaoben"  # 一级目录
            self.folder_name = "JS特效在线客服"
            self.second_column_name = "kefu"
        BaseFrame().right("本次采集参数:sprider_count=" + str(self.sprider_count) + "")
        BaseFrame().right("本次采集参数:title_name="+title_name+"")
        BaseFrame().right("本次采集参数:second_column_name=" + self.second_column_name + "")
        # self.folder_name = "JS表单验证"
        self.sprider_category = title_name  # 一级目录self.folder_name
        second_folder_name = str(self.sprider_count) + "个" + self.folder_name #二级目录
        self.sprider_type =second_folder_name
        self.merchant=int(self.sprider_start_count) //int(self.max_pager)+1 #起始页码用于效率采集
        #原始路径+一级目录+二级目录
        self.file_path = self.save_path + os.sep + "JS" + os.sep + self.folder_name  + os.sep + second_folder_name
        self.save_path = self.save_path+ os.sep + "JS" + os.sep+self.folder_name +os.sep + second_folder_name+ os.sep + self.folder_name
        BaseFrame().debug("开始采集ChinaZJS"+self.folder_name+"源码...")
        sprider_url = (self.base_url + "/{1}/{0}.html".format(self.second_column_name,self.first_column_name))
        down_path="D:\\Freedom\\Sprider\\ChinaZ\\JS\\"+self.folder_name +"\\"+second_folder_name+"\\Temp\\"
        if os.path.exists(down_path) is True:
            shutil.rmtree(down_path)
        if os.path.exists(down_path) is False:
            os.makedirs(down_path)
        if os.path.exists(self.save_path ) is True:
            shutil.rmtree(self.save_path )
        if os.path.exists(self.save_path ) is False:
            os.makedirs(self.save_path )
        chrome_options = webdriver.ChromeOptions()
        diy_prefs ={'profile.default_content_settings.popups': 0,
                    'download.default_directory':'{0}'.format(down_path)}
        # 添加路径到selenium配置中
        chrome_options.add_experimental_option('prefs', diy_prefs)
        chrome_options.add_argument('--headless') #隐藏浏览器
        # 实例化chrome浏览器时,关联忽略证书错误
        driver = webdriver.Chrome(options=chrome_options)
        driver.set_window_size(1280, 800)  # 分辨率 1280*800
        # driver.get方法将定位在给定的URL的网页,get接受url可以是任何网址,此处以百度为例
        driver.get(sprider_url)
        # content = driver.page_source
        element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
        #element_list = div_elem.find_elements(By.CLASS_NAME, 'item')
        #print(element_list.get_attribute('innerHTML'))
        laster_pager_div = driver.find_element(By.CLASS_NAME, "fenye")
        laster_pager_a =laster_pager_div.find_elements(By.TAG_NAME, 'a')
        laster_pager_url = laster_pager_a[len(laster_pager_a) - 2]
        page_end_number = int(laster_pager_url.text)
        self.page_count=self.merchant
        while self.page_count <= int(page_end_number):  # 翻完停止
            try:
                if self.page_count == 1:
                    self.sprider_detail(driver,element_list,self.page_count,page_end_number,down_path)
                    pass
                else:
                    if self.haved_sprider_count == self.sprider_count:
                        BaseFrame().debug("采集到达数量采集停止...")
                        BaseFrame().debug("开始写文章...")
                        self.builder_word(self.folder_name, self.word_content_list)
                        BaseFrame().debug("文件编写完毕,请到对应的磁盘查看word文件和下载文件!")
                        break
                    #(self.base_url + "/sort/{0}/{1}/".format(url_index, self.page_count))
                    #http://soft.onlinedown.net/sort/177/2/
                    #https://sc.chinaz.com/tag_jiaoben/tupianqiehuan_2.html
                    next_url = self.base_url + "/tag_jiaoben/{0}_{1}.html".format(self.second_column_name, self.page_count)
                    driver.get(next_url)
                    element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
                    self.sprider_detail( driver, element_list, self.page_count, page_end_number, down_path)
                    pass
                #print(self.page_count)
                self.page_count = self.page_count + 1  # 页码增加1
            except Exception as e:
                print("sprider()执行过程出现错误:" + str(e))
                sleep(1)

HTML5 SVG预览图变形切换幻灯片特效

Material Design风格内容幻灯片代码

jQuery仿百度经验分页阅读特效

jQuery带视觉差效果幻灯片代码

JS+CSS3制作3D翻转式幻灯片代码

jQuery多种切片过渡动画幻灯片代码

jQuery带音效旋转式切换幻灯片

SVG剪裁路径和遮罩jQuery幻灯片

HTML5全屏幻灯片切换特效

HTML5幻灯片切换插件Sequence.js

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

HTML5全屏多版面切换幻灯片代码

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

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

jQuery魅族官网导航加幻灯片代码

可全屏可触控的jQuery幻灯片

CSS3仿PPT幻灯片播放动画特效

CSS3全屏响应式幻灯片特效

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

js图片倒影显示幻灯片切换代码

兼容IE8的jQuery幻灯片切换代码

HTML5 SVG预览图变形切换幻灯片特效

Material Design风格内容幻灯片代码

jQuery仿百度经验分页阅读特效

jQuery带视觉差效果幻灯片代码

JS+CSS3制作3D翻转式幻灯片代码

jQuery多种切片过渡动画幻灯片代码

SVG剪裁路径和遮罩jQuery幻灯片

HTML5全屏幻灯片切换特效

HTML5键盘控制PPT幻灯片演示代码

HTML5幻灯片切换插件Sequence.js

jQuery移动端幻灯片插件swipeslider

HTML5全屏大图幻灯片切换特效

HTML5全屏响应式缩放切换幻灯片

jQuery移动手机端幻灯片插件Swiper

jQuery轻量级响应式幻灯片插件

jQuery适合风景展现幻灯片代码

HTML5响应式全屏宽度幻灯片特效

jQuery带视差切换效果幻灯片代码

jQuery仿智能电视幻灯片代码

html5实现ppt文字幻灯片演示特效

jQuery网易游戏首页全屏幻灯片

jQuery响应式幻灯片代码

纯CSS3实现的图片切换幻灯片代码

弹性过渡效果的圆形幻灯片代码

可自定义jQuery响应式幻灯片插件

jQuery图片垂直切换幻灯片代码

CSS剪裁路径js幻灯片代码

jQuery幻灯片插件Slippry

html5支持手机触屏幻灯片代码

jQuery键盘控制PPT幻灯片特效

小米官网带分类jQuery幻灯片

电影胶卷风格js幻灯片

jQuery左右切换焦点轮播幻灯片

带缩略图移动端jQuery幻灯片

jQuery带时钟网站幻灯片代码

html5+css3图片幻灯片切换代码

import os
def void_file(dirPath):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹,返回列表
    for file in dirs:
        file_full_name = dirPath + '/' + file
        file_ext = os.path.splitext(file_full_name)[-1]
        if file_ext is None  or file_ext=="":
            continue
        if "rar" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "zipt" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "gz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
        if "tgz" == str(file_ext.split(".")[1]):
            os.remove(file_full_name)
# 查找指定文件夹下所有相同名称的文件
def search_file(dirPath, fileName):
    dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹,返回列表
    for currentFile in dirs:  # 遍历列表
        absPath = dirPath + '/' + currentFile
        if os.path.isdir(absPath):  # 如果是目录则递归,继续查找该目录下的文件
            search_file(absPath, fileName)
        elif currentFile == fileName:
            print(absPath)  # 文件存在,则打印该文件的绝对路径
            os.remove(absPath)

类似幻灯片jQuery视屏画廊特效

HTML5带左右箭头可拖动幻灯片代码

jQuery图片弹出层切换代码

jQuery图片选中突出标签幻灯片代码

jQuery图片交叉切换幻灯片代码

jQuery手机触屏滑动切换幻灯片

jQuery带标题描述背景幻灯片代码

JQ仿视频播放器图片浏览幻灯片代码

jQuery幻灯片插件SkitterSlideshow

支持多种动画特效jQuery幻灯片

jQuery雷达扫描切换幻灯片代码

jQuery多功能自动播放幻灯片

新浪游戏首页jQuery幻灯片

jQuery电影网站大图幻灯片轮播代码

HTML5全屏垂直滚动切换幻灯片

bootstrup3全屏切换幻灯片代码

功能强大的HTML5滑块幻灯片

唯品会jQuery授权书展示幻灯片

爱搞机首页jQuery幻灯片代码

迅雷影音官网jQuery幻灯片特效

侧边索引按钮js幻灯片代码

支持移动触摸设备js幻灯片

电子商务网站首页幻灯片

jQuery可快进拖动切换幻灯片sampSlider

jquery宽屏左右切换幻灯片代码

jQuery网站首页宽屏幻灯片代码

多图多屏jQuery幻灯片代码

jQuery左右淡入淡出切换幻灯片

jQuery+html5触屏手机幻灯片代码

jquery底部带缩略图的幻灯片代码

 

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

 

目录
相关文章
|
19天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
1月前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
32 1
|
1月前
|
JavaScript
当当网新用户注册界面——JS代码
当当网新用户注册界面——JS代码
7 0
|
1月前
|
JavaScript
当当网首页——JS代码
当当网首页——JS代码
13 1
|
1月前
|
JavaScript Java
什么?java中居然可以执行js代码了?真是不知者不怪
什么?java中居然可以执行js代码了?真是不知者不怪
13 1
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
77 0
|
4天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
11 1
|
12天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!