分享66个JS选项卡,总有一款适合您

简介: 分享66个JS选项卡,总有一款适合您

分享66个JS选项卡,总有一款适合您


 

66个JS选项卡下载链接:https://pan.baidu.com/s/1LmY_z75Ndcm_FqochaAOFg?pwd=3h65

提取码:3h65

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
title_name = "选项卡"
class ChinaZJsSelenium:
    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 66# 采集数量
    sprider_start_count=106
    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垂直Tabs新闻滑块

大气的jQuery树型时间轴特效

简单实用的点击切换选项卡代码

jQuery Tabs带流程步骤的滑动选项卡

jQuery图片内容展开收缩选项卡

jquery tab招聘列表选项卡切换

选项卡和图片滚动结合jquery代码

带关闭左右切换的jquery选项卡

支持多个静态选项卡切换代码

jquery实现微博分享评论表情

索引按钮竖向排放jquery图片切换

jquery点击缩略图切换视频播放

js滚动产品图片代码

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
       时钟代码 https://sc.chinaz.com/tag_jiaoben/shizhong.html
       表单验证 https://sc.chinaz.com/tag_jiaoben/biaodanyanzheng.html
       抽奖转盘 https://sc.chinaz.com/tag_jiaoben/dazhuanpan.html
       进度条 https://sc.chinaz.com/jiaoben/jindutiao.html
       播放器 https://sc.chinaz.com/tag_jiaoben/bofangqi.html
       图片放大 https://sc.chinaz.com/tag_jiaoben/tupianfangda.html
       时间轴 https://sc.chinaz.com/tag_jiaoben/shijianzhou.html
       选项卡 https://sc.chinaz.com/tag_jiaoben/xuanxiangka.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 = "xuanxiangka"
        elif title_name == "时间轴":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS时间轴特效"
            self.second_column_name = "shijianzhou"
        elif title_name == "图片放大":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS图片放大特效"
            self.second_column_name = "tupianfangda"
        elif title_name == "播放器":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS播放器脚本"
            self.second_column_name = "bofangqi"
        elif title_name == "进度条":
            self.first_column_name = "jiaoben"
            self.folder_name = "JS进度条"
            self.second_column_name = "jindutiao"
        elif title_name == "抽奖转盘":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS抽奖转盘特效"
            self.second_column_name = "dazhuanpan"
        elif title_name == "表单验证":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS表单验证"
            self.second_column_name = "biaodanyanzheng"
        elif title_name == "时钟代码":
            self.first_column_name = "tag_jiaoben"
            self.folder_name = "JS瀑时钟代码"
            self.second_column_name = "shizhong"
        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.folder_name = "JS表单验证"
        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带缩略图与标题切换幻灯片

金山云jquery鼠标滑过上下切换

jQuery选项卡Tabslet插件

3屏带缩略图选项卡js焦点图

带标签选项卡jQuery图片切换

Onlylady图片库jQuery选项卡焦点图

jQuery TAB文字列表自动切换

jQuery带选项卡切换图片滚动

jQuery图片自适应全屏幻灯片

JQ向上滑动切换Tab选项卡

jquery弹出层可拖拽在线客服

M1905电影网站jquery选项卡

jQuery四格选项卡图片切换

jquery卷帘门滑动选项卡插件

jQ+CSS3彩色流动边框登录框

jQuery多选项卡图片切换

Tabs带图形按钮选项卡切换

TAB箭头标签jQuery幻灯片

右侧选项卡点击切换jQuery焦点图

咪咕音乐官网jQuery焦点图

视频画廊RoyalSlider插件

jQ带Loading进度条焦点图

jQ品牌logo列表选项卡切换

带缩略图选项卡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 "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实用幻灯片特效代码

jQuery图标选项卡上下滑动切换

纯CSS3实现TAB选项卡切换

左右按钮tab选项卡双切换

猎豹浏览器3.0滑动选项卡

jQuery右侧选项卡切换

宏碁官网jQuery多选项卡切换

鼠标滑过jQuery选项卡切换

凡客诚品jQuery选项卡切换

360音乐歌手切换jQ选项卡

jQuery右侧tab标签切换焦点图

jQuery右侧选项卡收缩幻灯片

纯CSS实现漂亮tab选项卡切换

jQuery蓝色修边tab标签切换

jQuery大容器左侧Tabs选项卡

缓慢滑动jQuery线条选项卡

jQuery选项卡切换

CSS3动画内容标签切换

jQuery右侧图文混排展示

安全狗网站jQuery焦点图

jQuery移动选项卡

暴风影音jQuery焦点图

 

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

 

目录
相关文章
|
4月前
|
移动开发 JavaScript 前端开发
分享46个JS时间轴特效,总有一款适合您
分享46个JS时间轴特效,总有一款适合您
162 2
|
4月前
|
移动开发 JavaScript 前端开发
分享46个JS抽奖转盘,总有一款适合您
分享46个JS抽奖转盘,总有一款适合您
139 1
|
4月前
|
JavaScript 前端开发 搜索推荐
分享57个JS返回顶部特效,总有一款适合您
分享57个JS返回顶部特效,总有一款适合您
64 1
|
4月前
|
移动开发 JavaScript 前端开发
分享82个JS手风琴效果,总有一款适合您
分享82个JS手风琴效果,总有一款适合您
61 1
|
4月前
|
移动开发 JavaScript 前端开发
分享48个JS分页代码特效,总有一款适合您
分享48个JS分页代码特效,总有一款适合您
59 0
|
4月前
|
移动开发 JavaScript 前端开发
分享76个时间日期JS特效,总有一款适合您
分享76个时间日期JS特效,总有一款适合您
54 0
|
4月前
|
JavaScript 前端开发 UED
分享89个时间日期JS特效,总有一款适合您
分享89个时间日期JS特效,总有一款适合您
63 3
|
1月前
|
JavaScript 前端开发
JS选项卡如何制作
JS选项卡如何制作
|
1月前
|
JavaScript
js之选项卡制作实例
js之选项卡制作实例
23 0
|
3月前
|
JavaScript
JS选项卡如何制作
JS选项卡如何制作