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

简介: 分享113个图片切换JS特效,总有一款适合您

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


 

113个图片切换JS特效下载链接:https://pan.baidu.com/s/1NNSP-DMf3n0PeNbdNd8jEg?pwd=sfwr

提取码:sfwr

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

jQuery中间大图两侧小图模糊特效

Material Design风格内容幻灯片代码

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

jQuery鼠标悬停横向大图展示特效

jQuery带聚焦效果图片切换代码

jQuery仿Facebook图片画廊代码

jQuery带文字动画图片轮播代码

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

原生js简约风格轮播图切换代码

jQuery网站主页图片切换代码

jQuery轻量级京东图片轮播代码

jQuery爱奇艺广告图片切换代码

原生js渐变滑动切换焦点图代码

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

jQuery焦点图插件edslider

jQuery游戏人物轮播展示切换代码

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

jQuery五屏轮播手风琴代码

jQuery迅雷首页全屏图片切换代码

import os
import shutil
import time
from time import sleep
from docx import Document
from docx.shared import Inches
from framework.base.BaseFrame import BaseFrame
from sprider.business.SeleniumTools import SeleniumTools
from sprider.business.SpriderTools import SpriderTools
from selenium import webdriver
from selenium.webdriver.common.by import By
from sprider.model.SpriderEntity import SpriderEntity
from sprider.access.SpriderAccess import SpriderAccess
class ChinaZJsSelenium:
    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 113 # 采集数量
    sprider_start_count=223
    #正在采集第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=[]

HTML5全屏幻灯片切换特效

jQuery响应式无限轮播图片代码

jQuery 3D堆叠式图片切换代码

HTML5幻灯片切换插件Sequence.js

jQuery移动端幻灯片插件swipeslider

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

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

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

五图三屏轮播js特效代码

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

jQuery响应式LightBox插件

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

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

jQuery带箭头图片层叠轮播切换代码

jQuery仿智能电视幻灯片代码

jQuery仿途牛网站焦点图代码

jQuery鼠标点击展开图片详情代码

jQuery 3D图片旋转切换特效

jQuery带放大镜LightBox画廊代码

jQuery自适应浏览器图片切换代码

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

HTML5仿微信朋友圈图片展示代码

右侧按钮自动滑动图片切换特效

jQuery横向手风琴效果

jQuery带前后按钮旋转木马特效

jQuery手风琴滑动代码

HTML5 3D折页立体焦点图代码

jQuery自适应倾斜图片切换代码

jQuery缩略图网格排列大图切换代码

jQuery旋转木马自动切换代码

jQuery响应式幻灯片代码

jQuery鼠标经过触发标签切换背景代码

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

jQuery自适应全屏BANNER焦点图

支持平滑抖动切换jQuery轮播图代码

jQuery TAB选项卡切换幻灯片特效

jQuery图片左右滚动插件Microfiche

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

原生Bootstrap旋转木马特效

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滑动块状区域覆盖切换代码

jQuery带播放暂停按钮焦点图代码

jQuery图片洗牌式旋转切换特效

jQuery不同风格图片排列轮播切换

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

jQuery图片选项卡商品轮播代码

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

Banner手风琴jQuery插件

jQuery图片拼图插件Image jigsaw

jQuery图片缩放平移预览代码

CSS剪裁路径js幻灯片代码

jQuery图片卡片翻牌动画特效

jQuery圆形横向图片轮播图切换

jQuery幻灯片插件Slippry

jQuery图片自动轮播切换展示特效

jQuery九宫格图片拉伸变大代码

自适应jQuery焦点图特效

响应速度快的jQuery Lightbox插件

jQuery焦点图插件PicCarousel

小米官网带分类jQuery幻灯片

jQuery按钮控制单排图片切换代码

HTML5相册插件ma5gallery

电影胶卷风格js幻灯片

手机PC兼容JS图片画廊特效

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

带缩略图移动端jQuery幻灯片

jQuery倾斜分割鼠标滚动切换代码

jQuery图片叠加翻页切换代码

移动端LightBox幻灯片代码

支持PC端手机端幻灯片代码

14款CSS3卡片堆叠切换动画特效

jQuery商品放大镜预览代码

jQuery带时钟网站幻灯片代码

jQuery自动轮播旋转木马特效

TweenMax不规则图片切换特效

仿苹果CoverFlow图片切换特效

 

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

jQuery手机手指滑动切换图片特效

鼠标经过切换jQuery手风琴

超级酷jQuery动画滑动插件

jQuery类似播放器图片切换特效

jQuery带滑块拖动图片相册代码

jQuery通栏大图切换焦点图代码

jQuery手机触摸滑动切换图片代码

jQuery图片弹出层切换代码

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

jQuery鼠标点击切换背景图片代码

jQuery图片放大变小切换代码

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

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

jQuery图片切换插件gridSlide

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

jQuery焦点图百叶窗效果切换

jQuery点击淡入淡出显示图片特效

jQuery幻灯片插件SkitterSlideshow

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)

 

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

 

 

目录
相关文章
|
6月前
|
移动开发 JavaScript 前端开发
分享46个JS时间轴特效,总有一款适合您
分享46个JS时间轴特效,总有一款适合您
186 2
|
6月前
|
移动开发 JavaScript 前端开发
分享46个JS抽奖转盘,总有一款适合您
分享46个JS抽奖转盘,总有一款适合您
160 1
|
6月前
|
JavaScript 前端开发 搜索推荐
分享57个JS返回顶部特效,总有一款适合您
分享57个JS返回顶部特效,总有一款适合您
77 1
|
6月前
|
JavaScript Python 内存技术
分享63个广告代码JS特效,总有一款适合您
分享63个广告代码JS特效,总有一款适合您
148 2
|
6月前
|
移动开发 JavaScript 前端开发
分享82个JS手风琴效果,总有一款适合您
分享82个JS手风琴效果,总有一款适合您
83 1
|
6月前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
55 1
|
6月前
|
移动开发 JavaScript 前端开发
分享48个JS分页代码特效,总有一款适合您
分享48个JS分页代码特效,总有一款适合您
70 0
|
6月前
|
移动开发 JavaScript 前端开发
分享76个时间日期JS特效,总有一款适合您
分享76个时间日期JS特效,总有一款适合您
68 0
|
6月前
|
JavaScript 前端开发 UED
分享89个时间日期JS特效,总有一款适合您
分享89个时间日期JS特效,总有一款适合您
77 3
|
3月前
|
JavaScript 前端开发 开发者
Vue.js 2 项目实战(一):图片切换案例
Vue.js 2 项目实战(一):图片切换案例