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

最新推荐文章于 2023-11-11 09:49:22 发布

亚丁号

最新推荐文章于 2023-11-11 09:49:22 发布

阅读量361

点赞数

分类专栏：源代码 JS 文章标签： jquery javascript ecmascript

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

版权

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

315 篇文章 57 订阅

订阅专栏

63 篇文章 1 订阅

订阅专栏

分享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焦点图