分享33个JS滚动条特效&47个JS瀑布流特效,总有一款适合您

63 篇文章 1 订阅
本文提供了33个JS滚动条特效和47个JS瀑布流特效的下载链接,同时分享了jQuery、CSS3等相关代码示例,包括无限滚动、预加载、图片切换等多种功能。此外,还涉及Python采集代码和不同场景下的JS特效代码片段。
摘要由CSDN通过智能技术生成

分享33个JS滚动条特效&47个JS瀑布流特效,总有一款适合您
 

33个JS滚动条特效&47个JS瀑布流特效下载链接:https://pan.baidu.com/s/1Ky3RHxOCgkMjD32c12h54w?pwd=3ayo 
提取码:3ayo

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

jQuery瀑布流布局代码
jQuery响应式无限滚动瀑布流
jQuery响应式无限滚动瀑布流特效
jQuery图片瀑布流Tab切换特效
CSS3瀑布流样式布局特效
CSS3不规则瀑布流布局特效
Canvas森林中瀑布动画特效
jQuery瀑布流图片预加载展示代码
jQuery图片瀑布流分类筛选代码
CSS3网页滚动图片元素动画特效
jQuery仿百度图片瀑布流代码
仿Pinterest网格瀑布流代码
HTML5图片瀑布流带筛选功能代码
js可拖拽位置瀑布流布局代码
瀑布流排版鼠标点击放大图片代码
HTML5图片堆叠转瀑布流布局特效
jQuery同宽网格瀑布流插件
兼容IE8的jQuery瀑布流代码
jQuery手机端瀑布流布局代码
jQuery底部自动填充瀑布流代码
jQuery点击添加更多图片瀑布流代码

    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 56# 采集数量
    sprider_start_count=0


    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=[]


jQuery手机端投票瀑布流代码
jQuery自适应窗口大小图片排列代码
jQuery可自定义高度图片瀑布流代码
jquery瀑布流排列样式代码
jQuery无限加载瀑布流插件masonry
jquery网站瀑布流插件masonry
jQuery瀑布流插件Grid-A-Licious
jQuery网页瀑布流插件masonry
jQuery等高排列插件matchHeight
jQuery底部填充瀑布流
jquery自适应照片瀑布流
jQuery网格布局瀑布流插件Freewall
jquery图片列表瀑布流布局代码

 def sprider(self,title_name):
        """
       采集
       图片切换 https://sc.chinaz.com/tag_jiaoben/tupianqiehuan.html
       返回顶部 https://sc.chinaz.com/tag_jiaoben/fanhuidingbu.html
       动画效果 https://sc.chinaz.com/tag_jiaoben/donghuaxiaoguo.html
       倒计时 https://sc.chinaz.com/tag_jiaoben/daojishi.html
       弹出层 https://sc.chinaz.com/tag_jiaoben/danchuceng.html
       在线客服 https://sc.chinaz.com/jiaoben/kefu.html
       手风琴 https://sc.chinaz.com/tag_jiaoben/shoufengqin.html
       表单脚本 https://sc.chinaz.com/tag_jiaoben/biaodan.html
       文字特效 https://sc.chinaz.com/tag_jiaoben/wenzitexiao.html
       滚动条 https://sc.chinaz.com/tag_jiaoben/gundongtiao.html
       瀑布流 https://sc.chinaz.com/tag_jiaoben/pubuliu.html
       :return:
       """
        if title_name == "图片切换":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "图片切换JS特效"
            self.second_column_name = "tupianqiehuan"
        elif title_name == "瀑布流":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS瀑布流特效"
            self.second_column_name = "pubuliu"
        elif title_name == "滚动条":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS滚动条特效"
            self.second_column_name = "gundongtiao"

        elif title_name == "文字特效":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS文字特效"
            self.second_column_name = "wenzitexiao"

        elif title_name == "表单脚本":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS表单脚本"
            self.second_column_name = "biaodan"

        elif title_name == "返回顶部":
            self.folder_name = "JS返回顶部特效"
            self.second_column_name = "fanhuidingbu"
        elif title_name == "动画效果":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效动画效果"
            self.second_column_name = "donghuaxiaoguo"
        elif title_name == "倒计时":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效倒计时"
            self.second_column_name = "daojishi"
        elif title_name == "弹出层":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效弹出层"
            self.second_column_name = "danchuceng"
        elif title_name == "在线客服":
            self.first_column_name = "jiaoben"  # 一级目录
            self.folder_name = "JS特效在线客服"
            self.second_column_name = "kefu"
        elif title_name == "手风琴":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS特效手风琴"
            self.second_column_name = "shoufengqin"
        BaseFrame().right("本次采集参数:sprider_count=" + str(self.sprider_count) + "")
        BaseFrame().right("本次采集参数:title_name="+title_name+"")
        BaseFrame().right("本次采集参数:second_column_name=" + self.second_column_name + "")

        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)


jquery+css3实现瀑布流照片墙特效
jquery随机图片瀑布流无限加载
jQuery淡入淡出瀑布流效果
jQuery Wookmark瀑布流特效
带收藏转载的jquery瀑布流
底部自动填充对齐jquery瀑布流
jQuery瀑布流插件BlocksIt
jQuery无限加载瀑布流
js瀑布流图片加载提示
jquery图片自滚动瀑布流效果
jquery分类筛选动画瀑布流
jQuery瀑布流网页布局特效
国外jQuery动态瀑布流布局
 

jQuery+CSS3横向纵向滚动条代码
jQuery头部固定表格滚动条代码
jQuery内容区自定义滚动条插件
mousescroll.js网页滚动条插件
jQuery Select下拉框美化特效
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 "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内容滚动条拖拽滑动解锁代码
jQuery仿IOS滚动插件Nicescroll3
jQuery检测滚动条距离顶部百分比
jQuery新闻列表滚动下一级代码
jquery右侧随滚动条浮动导航代码
jquery网站滚动条整屏滑动切换
jquery页面滚动显示第几步效果
js图片左右滚动条切换
CSS3实现自定义聊天窗口
jQuery无图片网站回到顶部特效
高质量自定义滚动条特效代码
jQuery腾讯带滚动条相册特效
jquery.nicescroll无滚动条左右拖拽
自定义滚动条美化jQuery插件
jQuery横向流动图片插件
愚人节整人jQuery插件Fool
jQuery鼠标滚轮滚动条代码
jQuery水平滚动条图片切换
jQuery顶部定位导航
jq带滚动条图片滚动
jquery隐藏滚动条
jquery自定义滚动条
jquery图片滚动条放大效果
jquery右侧固定区块
jquery给表格加滚动条
jquery圆形滚动条平滑效果
jquery滚动条美化插件
 

最后送大家一首诗:

山高路远坑深,
大军纵横驰奔,
谁敢横刀立马?
惟有点赞加关注大军。
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

亚丁号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值