分享115个图片切换JS特效，总有一款适合您

最新推荐文章于 2023-03-17 09:27:49 发布

亚丁号

最新推荐文章于 2023-03-17 09:27:49 发布

阅读量622

点赞数

分类专栏：源代码 JS 文章标签： jquery javascript ecmascript

本文链接：https://blog.csdn.net/zy0412326/article/details/128879336

版权

源代码同时被 2 个专栏收录

315 篇文章 57 订阅

订阅专栏

63 篇文章 1 订阅

订阅专栏

分享115个图片切换JS特效，总有一款适合您

115个图片切换JS特效下载链接：https://pan.baidu.com/s/1QX7b5LDlY6lBqMVjgBKSwA?pwd=k05d
提取码：k05d

Python采集代码下载链接：https://wwgn.lanzoul.com/iKGwb0kye3wj

jQuery多图轮播切换相册代码
jQuery功能强大的TN3相册代码
jquery图片淡入淡出切换特效
jquery带页码标识焦点图代码
jquery大图左右按钮点击切换
门户网站jQuery相册代码
jQuery水平切换相册代码
JQ酷狗首页带文字说明焦点图
js腾讯视频网站焦点图
jQuery实现4图切换全屏代码
jQuery通栏交互式焦点图切换代码
LayerSlider带动画效果幻灯片
中商情报网jquery相册代码
jquery宽屏图片滑动切换代码
jQuery带标题焦点图片滚动切换
交错式切换效果jQuery焦点图
右侧缩略图切换jQuery焦点图
jquery图片旋转切换效果代码
jQuery碎纸切换效果幻灯片
jquery带位置图标按钮焦点图
jquery全屏焦点图代码
jquery带登录注册幻灯片代码
jQuery全屏幻灯片插件finger
jquery鼠标滑动按钮图片切换
jquery+css3动画幻灯片代码
jQuery手机焦点图切换特效代码
jQuery鼠标滚轮控制幻灯片切换
jquery图片文字一起滚动切换
js点击小图切换大图效果代码
jquery旋转木马插件TikslusCarousel
jQuery轮播图插件simpleSlider
js仿YOKA七日重头戏图片切换
带缩略图5屏轮换焦点图代码
jquery手机端图片切换效果

    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 115# 采集数量
    sprider_start_count=450
    #正在采集第386页的第8个资源，共768页资源 debug

    word_content_list = []
    folder_name = ""
    page_end_number=0
    max_pager=20 #每页的数量
    haved_sprider_count =0  # 已经采集的数量
    page_count = 1  # 每个栏目开始业务content="text/html; charset=gb2312"
    filter_down_file=[]

3图并列jquery焦点图代码
可自动播放暂停的jQuery相册
mtime时光网宽屏焦点图
jQuery带箭头图片折叠轮换
jquery带标题控制图片切换
背景平铺的幻灯片FourBoxes
jQuery移动光标改变图像
仿淘宝首页jquery焦点图
纯CSS实现图片定时切换焦点图
jquery图文焦点广告轮播代码
鼠标滚轮控制图片切换效果代码
CSS3实现会眨眼的蚱蜢动画
迅雷jQuery横向擦除焦点图
metro扁平UI网页组件
3D图片层叠旋转木马切换
旋转木马切换特效slick
jQuery纵式选项卡图片切换特效
新浪大片首页jQuery焦点图
jQuery仿百度图片浏览效果
五种切换效果的jQuery幻灯片

    def __init__(self):
        pass

    def sprider(self,title_name="图片切换"):
        """
       采集
       :return:
       """
        if title_name == "图片切换":
            self.folder_name = "图片切换JS特效"
            self.second_column_name = "tupianqiehuan"
        first_column_name = "tag_jiaoben" # 一级目录

        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
        #https://sc.chinaz.com/tag_jiaoben/tupianqiehuan.html
        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 + "/tag_jiaoben/{0}.html".format(self.second_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)

jQuery视差插件TwentyTwenty
html5 3d宽屏幻灯片代码
jQuery百叶窗效果插件blindify
代码量少的jQuery图片幻灯片
jQuery焦点图插件Fotorama
jQuery淡出淡入带缩略图幻灯片
22款不同效果产品图片展示切换
OPPO官方商城jquery焦点图
索引按钮竖向排放jquery图片切换
华为荣耀3焦点图广告页面特效
jQuery实现点击替换图片
快快游戏网jQ左右轮播焦点图
JS鼠标悬停图片翻动展示效果
腾讯微云首页jquery焦点图
环形切换效果jQuery幻灯片
178图库jQuery相册代码
jquery全屏背景图片切换效果
hao123军事频道首页JQ焦点图
SuperSlide电影频道焦点图
响应式图片切换jQuery选项卡
产品多图展示带放大镜代码
京探网jQuery五屏焦点图
jQuery鼠标悬停自动替换大图
jQuery左侧圆形左右按钮图片切换
jquery.nivo.slider网站焦点图
jQuery大屏淡入淡出幻灯片
jQuery图片点击切换插件jCarousel
jQuery仿百度新闻首页焦点图
优酷电视剧频道jQuery焦点图
jQuery图片轮播幻灯片插件Diapo
带标签选项卡jQuery图片切换
HTML5实现CSS滤镜图片切换
jQuery腾讯带滚动条相册特效
jQuery洗牌式图片层叠切换
Onlylady图片库jQuery选项卡焦点图
百度翻译手机版jQuery焦点图

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 "zip" == 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图片切换
jQuery图像幻灯片大小图切换
纯CSS3实现超酷幻灯片切换
天空下载站jQuery焦点图
jQuery智能炫酷的翻页相册
jquery百叶窗图片轮播切换特效
移动端左右+自动滚动jQuery插件
jQuery天猫商城banner焦点图
百度校园jQuery焦点图
jQuery带左右箭头图片放大切换
jquery简洁版左右切换焦点图
js四屏带缩略图响应幻灯片
jquery背景图片轮播特效
jquery双图片滑动切换特效
M1905中国银幕jquery焦点图
jquery产品多图切换细节描述
jQuery四格选项卡图片切换
js首页按钮控制焦点图片滚动
loopedSlider带箭头图片切换
jQ+CSS3彩色流动边框登录框
jQuery多选项卡图片切换
聚合数据网站jquery焦点图
91手机iphone频道焦点图
易迅多格jquery焦点图
弹性拖动交互切换特效