devbox
我家小花儿
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

分享66个JS时间轴特效，总有一款适合您_js 时间轴

作者：我家小花儿 | 2024-02-22 13:02:40

赞

踩

js 时间轴

分享66个JS时间轴特效，总有一款适合您

 

66个JS时间轴特效下载链接：https://pan.baidu.com/s/1DD8EqIZjsmzpRB0pHkzUdg?pwd=pgw4 
提取码：pgw4

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

jQuery疫情防控时间轴人员行程效果
CSS3带编辑器可定制的时间轴插件
jQuery可拉动水平刻度时间轴特效
React Dom制作垂直时间轴布局
原生js跑马灯时间轴特效
jQuery日期时间轴进度条播放代码
jQuery时间轴节点分支提示代码
jQuery时间轴节点分支提示代码
jQuery产品发布更新时间轴代码
vue.js响应式时间轴特效
jQuery垂直时间轴插件

  1.  
  2. import shutil
  3. import time
  4. from time import sleep
  5. from docx import Document
  6. from docx.shared import Inches
  7. from framework.base.BaseFrame import BaseFrame
  8. from sprider.business.SeleniumTools import SeleniumTools
  9. from sprider.business.SpriderTools import SpriderTools
  10. from selenium import webdriver
  11. from selenium.webdriver.common.by import By
  12. from sprider.model.SpriderEntity import SpriderEntity
  13. from sprider.access.SpriderAccess import SpriderAccess
  14.  
  15. title_name = "时间轴"
  16.  
  17. class ChinaZJsSelenium:
  18.     base_url =  "https://sc.chinaz.com/" # 采集的网址
  19.     save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
  20.     sprider_count = 66# 采集数量
  21.     sprider_start_count=0
  22.  
  23.  
  24.     word_content_list = []
  25.     folder_name = ""
  26.     page_end_number=0
  27.     max_pager=20 #每页的数量
  28.     haved_sprider_count =0  # 已经采集的数量
  29.     page_count = 1  # 每个栏目开始业务content="text/html; charset=gb2312"
  30.     filter_down_file=[]
  31.  
  32.     def __init__(self):
  33.         pass
  34.  
  35.     def sprider(self,title_name):
  36.         """
  37.        采集
  38.        图片切换 https://sc.chinaz.com/tag_jiaoben/tupianqiehuan.html
  39.        返回顶部 https://sc.chinaz.com/tag_jiaoben/fanhuidingbu.html
  40.        动画效果 https://sc.chinaz.com/tag_jiaoben/donghuaxiaoguo.html
  41.        倒计时 https://sc.chinaz.com/tag_jiaoben/daojishi.html
  42.        弹出层 https://sc.chinaz.com/tag_jiaoben/danchuceng.html
  43.        在线客服 https://sc.chinaz.com/jiaoben/kefu.html
  44.        手风琴 https://sc.chinaz.com/tag_jiaoben/shoufengqin.html
  45.        表单脚本 https://sc.chinaz.com/tag_jiaoben/biaodan.html
  46.        文字特效 https://sc.chinaz.com/tag_jiaoben/wenzitexiao.html
  47.        滚动条 https://sc.chinaz.com/tag_jiaoben/gundongtiao.html
  48.        瀑布流 https://sc.chinaz.com/tag_jiaoben/pubuliu.html
  49.        时钟代码 https://sc.chinaz.com/tag_jiaoben/shizhong.html
  50.        表单验证 https://sc.chinaz.com/tag_jiaoben/biaodanyanzheng.html
  51.        抽奖转盘 https://sc.chinaz.com/tag_jiaoben/dazhuanpan.html
  52.        进度条 https://sc.chinaz.com/jiaoben/jindutiao.html
  53.        播放器 https://sc.chinaz.com/tag_jiaoben/bofangqi.html
  54.        图片放大 https://sc.chinaz.com/tag_jiaoben/tupianfangda.html
  55.        时间轴 https://sc.chinaz.com/tag_jiaoben/shijianzhou.html
  56.        :return:
  57.        """
  58.         if title_name == "图片切换":
  59.             self.first_column_name = "tag_jiaoben"
  60.             self.folder_name = "图片切换JS特效"
  61.             self.second_column_name = "tupianqiehuan"
  62.         elif title_name == "时间轴":
  63.             self.first_column_name = "tag_jiaoben"
  64.             self.folder_name = "JS时间轴特效"
  65.             self.second_column_name = "shijianzhou"
  66.  
  67.         elif title_name == "图片放大":
  68.             self.first_column_name = "tag_jiaoben"
  69.             self.folder_name = "JS图片放大特效"
  70.             self.second_column_name = "tupianfangda"
  71.  
  72.         elif title_name == "播放器":
  73.             self.first_column_name = "tag_jiaoben"
  74.             self.folder_name = "JS播放器脚本"
  75.             self.second_column_name = "bofangqi"
  76.  
  77.         elif title_name == "进度条":
  78.             self.first_column_name = "jiaoben"
  79.             self.folder_name = "JS进度条"
  80.             self.second_column_name = "jindutiao"
  81.  
  82.         elif title_name == "抽奖转盘":
  83.             self.first_column_name = "tag_jiaoben"
  84.             self.folder_name = "JS抽奖转盘特效"
  85.             self.second_column_name = "dazhuanpan"
  86.  
  87.         elif title_name == "表单验证":
  88.             self.first_column_name = "tag_jiaoben"
  89.             self.folder_name = "JS表单验证"
  90.             self.second_column_name = "biaodanyanzheng"
  91.  
  92.         elif title_name == "时钟代码":
  93.             self.first_column_name = "tag_jiaoben"
  94.             self.folder_name = "JS瀑时钟代码"
  95.             self.second_column_name = "shizhong"
  96.  
  97.         elif title_name == "瀑布流":
  98.             self.first_column_name = "tag_jiaoben"
  99.             self.folder_name = "JS瀑布流特效"
  100.             self.second_column_name = "pubuliu"
  101.         elif title_name == "滚动条":
  102.             self.first_column_name = "tag_jiaoben"
  103.             self.folder_name = "JS滚动条特效"
  104.             self.second_column_name = "gundongtiao"
  105.  
  106.         elif title_name == "文字特效":
  107.             self.first_column_name = "tag_jiaoben"
  108.             self.folder_name = "JS文字特效"
  109.             self.second_column_name = "wenzitexiao"
  110.  
  111.         elif title_name == "表单脚本":
  112.             self.first_column_name = "tag_jiaoben"
  113.             self.folder_name = "JS表单脚本"
  114.             self.second_column_name = "biaodan"
  115.  
  116.         elif title_name == "返回顶部":
  117.             self.folder_name = "JS返回顶部特效"
  118.             self.second_column_name = "fanhuidingbu"
  119.         elif title_name == "动画效果":
  120.             self.first_column_name = "tag_jiaoben"
  121.             self.folder_name = "JS特效动画效果"
  122.             self.second_column_name = "donghuaxiaoguo"
  123.         elif title_name == "倒计时":
  124.             self.first_column_name = "tag_jiaoben"
  125.             self.folder_name = "JS特效倒计时"
  126.             self.second_column_name = "daojishi"
  127.         elif title_name == "弹出层":
  128.             self.first_column_name = "tag_jiaoben"
  129.             self.folder_name = "JS特效弹出层"
  130.             self.second_column_name = "danchuceng"
  131.         elif title_name == "在线客服":
  132.             self.first_column_name = "jiaoben"  # 一级目录
  133.             self.folder_name = "JS特效在线客服"
  134.             self.second_column_name = "kefu"
  135.         elif title_name == "手风琴":
  136.             self.first_column_name = "tag_jiaoben"
  137.             self.folder_name = "JS特效手风琴"
  138.             self.second_column_name = "shoufengqin"
  139.         BaseFrame().right("本次采集参数：sprider_count=" + str(self.sprider_count) + "")
  140.         BaseFrame().right("本次采集参数：title_name="+title_name+"")
  141.         BaseFrame().right("本次采集参数：second_column_name=" + self.second_column_name + "")
  142.         # self.folder_name = "JS表单验证"
  143.         self.sprider_category = title_name  # 一级目录self.folder_name
  144.         second_folder_name = str(self.sprider_count) + "个" + self.folder_name #二级目录
  145.         self.sprider_type =second_folder_name
  146.         self.merchant=int(self.sprider_start_count) //int(self.max_pager)+1 #起始页码用于效率采集
  147.         #原始路径+一级目录+二级目录
  148.         self.file_path = self.save_path + os.sep + "JS" + os.sep + self.folder_name  + os.sep + second_folder_name
  149.  
  150.         self.save_path = self.save_path+ os.sep + "JS" + os.sep+self.folder_name +os.sep + second_folder_name+ os.sep + self.folder_name
  151.         BaseFrame().debug("开始采集ChinaZJS"+self.folder_name+"源码...")
  152.         sprider_url = (self.base_url + "/{1}/{0}.html".format(self.second_column_name,self.first_column_name))
  153.  
  154.         down_path="D:\\Freedom\\Sprider\\ChinaZ\\JS\\"+self.folder_name +"\\"+second_folder_name+"\\Temp\\"
  155.         if os.path.exists(down_path) is True:
  156.             shutil.rmtree(down_path)
  157.         if os.path.exists(down_path) is False:
  158.             os.makedirs(down_path)
  159.  
  160.         if os.path.exists(self.save_path ) is True:
  161.             shutil.rmtree(self.save_path )
  162.         if os.path.exists(self.save_path ) is False:
  163.             os.makedirs(self.save_path )
  164.         chrome_options = webdriver.ChromeOptions()
  165.         diy_prefs ={'profile.default_content_settings.popups': 0,
  166.                     'download.default_directory':'{0}'.format(down_path)}
  167.         # 添加路径到selenium配置中
  168.         chrome_options.add_experimental_option('prefs', diy_prefs)
  169.         chrome_options.add_argument('--headless') #隐藏浏览器
  170.  
  171.         # 实例化chrome浏览器时，关联忽略证书错误
  172.         driver = webdriver.Chrome(options=chrome_options)
  173.         driver.set_window_size(1280, 800)  # 分辨率 1280*800
  174.  
  175.         # driver.get方法将定位在给定的URL的网页，get接受url可以是任何网址，此处以百度为例
  176.         driver.get(sprider_url)
  177.         # content = driver.page_source
  178.  
  179.         element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
  180.         #element_list = div_elem.find_elements(By.CLASS_NAME, 'item')
  181.         #print(element_list.get_attribute('innerHTML'))
  182.  
  183.         laster_pager_div = driver.find_element(By.CLASS_NAME, "fenye")
  184.         laster_pager_a =laster_pager_div.find_elements(By.TAG_NAME, 'a')
  185.         laster_pager_url = laster_pager_a[len(laster_pager_a) - 2]
  186.         page_end_number = int(laster_pager_url.text)
  187.         self.page_count=self.merchant
  188.         while self.page_count <= int(page_end_number):  # 翻完停止
  189.             try:
  190.                 if self.page_count == 1:
  191.                     self.sprider_detail(driver,element_list,self.page_count,page_end_number,down_path)
  192.                     pass
  193.                 else:
  194.                     if self.haved_sprider_count == self.sprider_count:
  195.                         BaseFrame().debug("采集到达数量采集停止...")
  196.                         BaseFrame().debug("开始写文章...")
  197.                         self.builder_word(self.folder_name, self.word_content_list)
  198.                         BaseFrame().debug("文件编写完毕，请到对应的磁盘查看word文件和下载文件！")
  199.                         break
  200.                     #(self.base_url + "/sort/{0}/{1}/".format(url_index, self.page_count))
  201.                     #http://soft.onlinedown.net/sort/177/2/
  202.                     #https://sc.chinaz.com/tag_jiaoben/tupianqiehuan_2.html
  203.                     next_url = self.base_url + "/tag_jiaoben/{0}_{1}.html".format(self.second_column_name, self.page_count)
  204.                     driver.get(next_url)
  205.  
  206.                     element_list = driver.find_elements(By.CLASS_NAME, "picblock")  # 列表页面 核心内容
  207.                     self.sprider_detail( driver, element_list, self.page_count, page_end_number, down_path)
  208.                     pass
  209.                 #print(self.page_count)
  210.                 self.page_count = self.page_count + 1  # 页码增加1
  211.             except Exception as e:
  212.                 print("sprider()执行过程出现错误:" + str(e))
  213.                 sleep(1)


CSS3线性垂直时间轴代码
CSS3垂直虚线时间轴特效
jQuery横向滚动时间轴插件
jQuery发展历程时间轴代码
jQuery时间轴公司发展历程特效
jQuery自定义报警时间轴代码
Swiper水平文字时间轴代码
jQuery企业发展大事件时间轴代码
jQuery年份时间轴插件
CSS3赛车跑道时间轴样式代码
jQuery日期时间轴自动播放代码
jQuery按钮控制时间轴滚动代码
jQuery水平横向时间轴历程代码
jQuery发展历程垂直时间轴代码
Bootstrap响应式垂直时间轴代码
jQuery鱼骨样式时间轴代码
彩色垂直时间轴CSS3样式
纯CSS3竖直蛇形时间轴代码
jQuery水平时间轴样式代码
jQuery图文滚动时间轴代码
CSS3创意河流时间轴代码
CSS3工单回复时间轴代码
jQuery公司发展历程时间轴代码
jQuery动态垂直时间轴代码
jQuery带播放进度条水平时间轴
CSS3带日期大事记时间轴代码
jQuery全屏横向时间轴滑块代码
jQuery竖直线性时间轴代码
jQuery横向时间轴插件timeline
jQuery旅行者竖直时间轴代码
HTML5垂直滚动时间轴代码
公司网站发展时间轴动画特效

  1. import os
  2.  
  3. def void_file(dirPath):
  4.     dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹，返回列表
  5.     for file in dirs:
  6.         file_full_name = dirPath + '/' + file
  7.         file_ext = os.path.splitext(file_full_name)[-1]
  8.         if file_ext is None  or file_ext=="":
  9.             continue
  10.  
  11.         if "rar" == str(file_ext.split(".")[1]):
  12.             os.remove(file_full_name)
  13.         if "zipt" == str(file_ext.split(".")[1]):
  14.             os.remove(file_full_name)
  15.         if "gz" == str(file_ext.split(".")[1]):
  16.             os.remove(file_full_name)
  17.         if "tgz" == str(file_ext.split(".")[1]):
  18.             os.remove(file_full_name)
  19.  
  20. # 查找指定文件夹下所有相同名称的文件
  21. def search_file(dirPath, fileName):
  22.     dirs = os.listdir(dirPath)  # 查找该层文件夹下所有的文件及文件夹，返回列表
  23.     for currentFile in dirs:  # 遍历列表
  24.         absPath = dirPath + '/' + currentFile
  25.  
  26.         if os.path.isdir(absPath):  # 如果是目录则递归，继续查找该目录下的文件
  27.             search_file(absPath, fileName)
  28.         elif currentFile == fileName:
  29.             print(absPath)  # 文件存在，则打印该文件的绝对路径
  30.             os.remove(absPath)


jQuery滚动下拉动画时间轴代码
jQuery购物抢购时间轴倒计时代码
jQuery安卓发展史时间轴代码
jQuery发展历程横向时间轴代码
jQuery仿QQ空间时间轴动画特效
jQuery鱼骨图形式信息展示代码
jQuery可伸缩时间轴插件timeline
jQuery垂直时间轴样式代码
html5水平时间轴描述切换特效
纯CSS3扁平垂直时间轴特效
jQuery左右滑动切换时间轴代码
jQuery发展历程时间轴特效代码
发展简史jQuery时间轴特效
jQuery动画垂直时间轴特效代码
jQuery带时间轴美食网站焦点图代码
jquery鼠标悬停横向时间轴代码
jquery fixed固定层时间轴效果
jquery带暂停播放和时间轴幻灯片
html5时间轴设计工作记录样式
jQuery时间轴插件Timelinr
大气的jQuery树型时间轴特效
jquery网站发展历史时间轴
jquery时间表插件b1njTimeline
 

最后送大家一首诗:

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/130219?site
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号