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

最新推荐文章于 2023-08-29 19:44:57 发布

亚丁号

最新推荐文章于 2023-08-29 19:44:57 发布

阅读量618

点赞数

分类专栏： JS 源代码文章标签： javascript jquery 开发语言

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

版权

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

315 篇文章 57 订阅

订阅专栏

63 篇文章 1 订阅

订阅专栏

分享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