分享117个图片切换JS特效，总有一款适合您-阿里云开发者社区

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

117个图片切换JS特效下载链接：https://pan.baidu.com/s/1-4lzKf5Ludt2AZt2g-xhkA?pwd=v6zl

提取码：v6zl

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

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 HuaJunCode:
    base_url =  "https://down.chinaz.com" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 68 # 采集数量
    sprider_start_count=7350
    #正在采集第386页的第8个资源，共768页资源 debug
    word_content_list = []
    folder_name = ""
    page_end_number=0
    max_pager=15 #每页的数量
    haved_sprider_count =0  # 已经采集的数量
    page_count = 1  # 每个栏目开始业务content="text/html; charset=gb2312"
    filter_down_file=[]

jQuery聚焦相册

js双箭头焦点图

jquery图片九宫格样式

css3实现幻灯片切换

js向上推送幻灯片

jquery大小图切换特效

jquery小格子幻灯片

jquery弹性幻灯片

css3硬件加速滑块

jquery图片墙手风琴

js斜式画中画切换

jquery手机幻灯片展示

jquery宽屏渐变幻灯片

jquery带定位按钮幻灯片

jquery手动自动图片切换

jquery带文字焦点图切换

jquery叠加切换幻灯片

jquery简单焦点图片切换

jquery填充按钮幻灯片

jquery百叶窗图片切换

flash手风琴图片切换

5屏flash焦点图广告

jquery马赛克拼接翻转效果

jquery仿淘宝视频焦点图

jquery动态焦点图片切换

大图javascript轮换代码

jquery新闻幻灯片展示

四屏js+flash图片轮换代码

js+flash焦点图特效

带缩略图的JS图片轮换

css3图片层叠菜单效果

jQuery大气满屏焦点图切换

CSS3悬停快速幻灯片

jQuery简约幻灯片画廊

网站幻灯片切换jQuery代码

CSS3全屏背景图片幻灯片

CSS3页面元素动画序列显示效果

jQuery红色标签焦点图片切换

jQuery全屏图片画廊

jQuery可定制画廊插件

def sprider(self,title_name="NET"):
        """
       采集
       PHP https://down.chinaz.com/class/572_5_1.htm
       NET https://down.chinaz.com/class/572_4_1.htm
       ASP https://down.chinaz.com/class/572_3_1.htm
       Python https://down.chinaz.com/class/604_572_1.htm
            https://down.chinaz.com/class/608_572_1.htm
        微信 https://down.chinaz.com/class/610_572_1.htm
       Ruby   https://down.chinaz.com/class/622_572_1.htm
       NodeJs https://down.chinaz.com/class/626_572_1.htm
       https://down.chinaz.com/class/594_572_1.htm
       :return:
       """
        if title_name == "PHP":
            self.folder_name = "PHP源码"
            self.second_column_name = "572_5"
        elif title_name == "Go":
            self.folder_name = "Go源码"
            self.second_column_name = "606_572"
        elif title_name == "NET":
            self.folder_name = "NET源码"
            self.second_column_name = "572_4"
        elif title_name == "ASP":
            self.folder_name = "ASP源码"
            self.second_column_name = "572_3"
        elif title_name == "Python":
            self.folder_name = "Python源码"
            self.second_column_name = "604_572"
        elif title_name == "JavaScript":
            self.folder_name = "JavaScript源码"
            self.second_column_name = "602_572"
        elif title_name == "Java":
            self.folder_name = "Java源码"
            self.second_column_name = "572_517"
        elif title_name == "HTML":
            self.folder_name = "HTML-CSS源码"
            self.second_column_name = "608_572"
        elif title_name == "TypeScript":
            self.folder_name = "TypeScript源码"
            self.second_column_name = "772_572"
        elif title_name == "VX":
            self.folder_name = "VX小程序源码"
            self.second_column_name = "610_572"
        elif title_name == "Ruby":
            self.folder_name = "Ruby源码"
            self.second_column_name = "622_572"
        elif title_name == "NodeJs":
            self.folder_name = "NodeJs源码"
            self.second_column_name = "626_572"
        elif title_name == "C++":
            self.folder_name = "C++源码"
            self.second_column_name = "596_572"
        elif title_name == "C":
            self.folder_name = "C源码"
            self.second_column_name = "594_572"
        #https://down.chinaz.com/class/594_572_1.htm
        first_column_name = title_name # 一级目录
        self.sprider_category = title_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 + "Code" + os.sep + first_column_name + os.sep + second_folder_name
        self.save_path = self.save_path+ os.sep + "Code" + os.sep+first_column_name+os.sep + second_folder_name+ os.sep + self.folder_name
        BaseFrame().debug("开始采集ChinaZCode"+self.folder_name+"...")
        sprider_url = (self.base_url + "/class/{0}_1.htm".format(self.second_column_name))
        down_path="D:\\Freedom\\Sprider\\ChinaZ\\Code\\"+first_column_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
        # print(content)
        div_elem = driver.find_element(By.CLASS_NAME, "main")  # 列表页面 核心内容
        element_list = div_elem.find_elements(By.CLASS_NAME, 'item')
        laster_pager_ul = driver.find_element(By.CLASS_NAME, "el-pager")
        laster_pager_li =laster_pager_ul.find_elements(By.CLASS_NAME, 'number')
        laster_pager_url = laster_pager_li[len(laster_pager_li) - 1]
        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/
                    next_url = self.base_url + "/class/{0}_{1}.htm".format(self.second_column_name, self.page_count)
                    driver.get(next_url)
                    div_elem = driver.find_element(By.CLASS_NAME, "main")  # 列表页面 核心内容
                    element_list = div_elem.find_elements(By.CLASS_NAME, 'item')
                    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焦点图

js七屏百叶窗焦点图特效

jquery带播放器按钮焦点图

jquery带分页数字左右按钮

9款不同jquery背景导航切换

jquery卡通圆圈可旋转特效

jQuery+CSS3内容变换幻灯片

jQuery带描述和小图的图片画廊

jQuery图片自动滑动门效果

jQuery图片淡出淡入效果

jQuery缩略图悬停滑动预览

自适应网页宽度jquery焦点图

jQuery带缩略图电影站幻灯片

jQuery自适应浏览器宽度幻灯片

CSS3圆形带缩略图焦点广告

jQuery带小图全屏幻灯片展示

jquery动画滑动幻灯片展示

jQuery带进度条带标题左右箭头渐变幻灯片

jquery带标题左右箭头幻灯片

适合门户的简洁jquery幻灯代码

jquery灵活可控的图文幻灯片特效

jquery 4屏自动滚动焦点图代码

jQuery焦点图推送切换效果

带左右箭头切换jquery焦点幻灯片代码

jQuery滑图像动特效

js循环滚动焦点图特效

jquery+css3手风琴图片切换特效

jquery表单验证特效

jquery仿QQ商城焦点图滚动特效

jquery马赛克幻灯片切换特效

jquery宽屏带箭头翻页焦点幻灯代码

jquery功能强大的提示信息特效

jQuery旋转广告牌特效

jquery背景图片过渡特效

3D旋转展示幻灯片jquery

jQuery&CSS3手风琴特效

jquery电子杂志幻灯片特效

jquery多图层叠展示效果

基于jQuery+CSS3样本书特效

基于jQuery通用幻灯片特效

jQuery的精美相册效果

jquery幻灯片展示效果

基于jQuery图片缩放tab切换效果

纯CSS3的带缩略图滑动相册

基于jquery实现杂志翻页效果

jquery+css3超酷焦点图切换

全屏自适应带标题的js幻灯片

3D幻灯片jquery特效

基于jquery宽屏菜单导航

基于jQuery照相亭特效

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)

3D餐厅菜单折叠jQuery特效

jQuery响应式幻灯片特效

基于jquery登录框特效

纸一样展开jQuery特效

jQuery&CSS3旋转幻灯片

基于jQuery的图片放大特效

JS幻灯片实现多屏切换效果

菜单内容框组合jQuery特效

jQuery图像菜单特效

国外js幻灯片代码

带时间线的宽屏图片切换

Query幻灯片切换效果

flash+xml焦点图代码

jquery图片浏览代码

幻灯片图片切换CSS特效

带缩略图上下滚动幻灯片

基于HTML5和CSS的焦点图特效

jQuery图片滑动特效集合

jQuery上下自动切换图片相册

jQuery带标题左右移动图片相册

jQuery自适应图片画廊插件

jQuery+CSS3实现3D全屏图片切换动画

jQuery带小图展示说明的焦点广告

jQuery+CSS3波浪形相册展示效果

jQuery瓷砖切换效果焦点广告jFancyTile

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马？

惟有点赞加关注大军。

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

热门文章

最新文章

相关课程

相关电子书

相关实验场景