分享111个JS特效动画效果,总有一款适合您

简介: 分享111个JS特效动画效果,总有一款适合您

分享111个JS特效动画效果,总有一款适合您


 

111个JS特效动画效果下载链接:https://pan.baidu.com/s/1s8mWkRlIZML2t5v1g1rlDA?pwd=pe5p

提取码:pe5p

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

html5抽奖转盘动画效果代码

创意太空人动画表盘特效

html5模拟物理重力和弹力动画效果

html5 canvas动态图形动画下载

html柏拉图固体动画旋转效果

纯css无限循环渐变曲线动画效果

紫色css动画标签菜单栏

HTML5房屋自定义装饰网页动画效果

html破碎拼接文字动画效果

CSS3文本浮动文字动画特效

JS+CSS雪花飘落动画效果

JS下滑式水果卡片合集网页特效

JS彩色抽象侧脸艺术动画特效

JS太阳系三维动画效果展示特效

CSS3实现14款窗口通知卡片样式

HTML5 Canvas方形叠层特效

HTML5 SVG彩色运动轨迹动画特效

CSS3创意堆叠式3D动画特效

卡通3D齿轮转动CSS3特效

CSS3创意精美页面过渡动画效果

纯CSS3绘制彩虹点动画变体特效

JS跟随鼠标移动的皮卡丘特效

JS大气磅礴滑块网页背景特效

CSS3边框按钮鼠标悬停动画效果

css3背景图片仰视无缝滚动特效

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 ChinaZJsSelenium:
    base_url =  "https://sc.chinaz.com/" # 采集的网址
    save_path = "D:\\Freedom\\Sprider\\ChinaZ\\"
    sprider_count = 111# 采集数量
    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=[]

html卡片切换动画效果


SYSUI自定义图表事例代码

纯css3人物头像鼠标跟随动画效果

H5彩色菱形图案圆球动画特效

HTML5 SVG创意贪吃蛇动画特效

CSS3响应式网格图片悬停特效

Canvas彩色发光3D线条动画特效

纯css3多米诺骨牌动画特效

HTML5洞穴无限延伸动画特效

CSS3分享图标按钮过渡动画特效

2020万圣节主题HTML5动画特效

three.js全息光影动画特效

HTML5仿苹果Siri动画特效

彩色熔岩球CSS3动画特效

HTML5密集细线条图形特效

纯css3波浪音阶动画特效

洗澡的浴缸CSS3动画特效

纸屑飘落生日蛋糕CSS3特效

css3 keyframes日全食动画特效

滚筒洗衣机css3特效

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
       :return:
       """
        if title_name == "图片切换":
            self.folder_name = "图片切换JS特效"
            self.second_column_name = "tupianqiehuan"
        elif title_name == "返回顶部":
            self.folder_name = "JS返回顶部特效"
            self.second_column_name = "fanhuidingbu"
        elif title_name == "动画效果":
            self.folder_name = "JS特效动画效果"
            self.second_column_name = "donghuaxiaoguo"
        first_column_name = "tag_jiaoben" # 一级目录
        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 + "/tag_jiaoben/{0}.html".format(self.second_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)

CSS3雾气飞过动画特效

CSS3点击按钮爆炸动画特效

CSS3牛顿摇摆球动画特效

深夜加班上电脑CSS3特效

CSS3夜晚空中孔明灯特效

纯CSS3边框按钮悬停特效

钢琴键盘样式HTML5特效

森林蝴蝶飞舞HTML5特效

100周年数字滚动CSS3特效

CSS3图标星星评级特效

three.js打开礼物爆炸动画特效

js+css3登录表单动画特效

css3悬停图片内边框特效

创意圣诞节主题动画特效

卡通钢琴CSS3动画特效

卡通户外场景CSS3特效

卡通彩色圣诞树CSS3特效

纯CSS3滚筒洗衣机动画特效

彼岸花瓣掉落CSS3动画特效

透明白色花环HTML5特效

几何图形发光变换HTML5特效

石头剪子布CSS3动画特效

CSS3卡通汉堡包动画特效

CSS3卡通章鱼游动动画特效

纯css3绘制美女油画动画特效

科技线条空间Canvas特效

纯CSS3 3D动感文字动画特效

jQuery爱心雨飘落动画特效

HTML5 SVG信封弹出动画特效

纯CSS3绘制烤面包机表情特效

可爱的太阳动画svg特效


 

CSS3六边形网状图片展示代码

echarts汽车仪表盘动画效果

钢铁侠心脏能量圈css3动画

css3标签对话框点击动画特效

水面上的月亮CSS3动画特效

纯CSS3卡通甜甜圈动画特效

js+css3熊猫吃竹子动画特效

纯CSS3蓝天白云太阳动画特效

纯CSS3音乐均衡器动画特效

CSS3切半猕猴桃爱情动画特效

HTML5 Canvas彩虹圈动画特效

纯CSS3绘制火龙果动画特效

CSS3制作花纹图案动画特效

纯CSS3卡通水果拳击手特效

纯CSS3外星人UFO飞船动画特效

程序员编程写代码CSS3动画

HTML5 Canvas一碗面条特效

js+css3图像画面故障动画特效

HTML5 Canvas发光微生物动画特效

纯CSS3发光油灯笼动画特效

CSS3冰球运动员打球动画特效

HTML5 Canvas粉末噪点动画特效

纯CSS3水波纹混合元素动画特效

CSS3 SVG三角形不断放大特效

CSS3 SVG火箭横线元素动画特效

jQ+CSS3图片头像网格布局代码

HTML5 Canvas五角星变换特效

纯CSS3制作双螺旋动画特效

纯CSS3彩色棉花糖动画特效

CSS3抖音网红文字时钟特效

HTML5 3D立方体翻转动画特效

css-doodle.js螺旋状动画特效

CSS3 Loading英文加载动画效果

CSS3字体模糊发光动画特效

HTML5科幻空间背景动画特效

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)

最后送大家一首诗:

山高路远坑深,

大军纵横驰奔,

谁敢横刀立马?

惟有点赞加关注大军。

 

目录
相关文章
|
3月前
|
JavaScript 前端开发
如何使用时间切片来优化JavaScript动画的性能?
如何使用时间切片来优化JavaScript动画的性能?
|
2月前
|
前端开发 API 开发者
Next.js 实战 (五):添加路由 Transition 过渡效果和 Loading 动画
这篇文章介绍了Framer Motion,一个为React设计的动画库,提供了声明式API处理动画和页面转换,适合创建响应式用户界面。文章包括首屏加载动画、路由加载Loading、路由进场和退场动画等主题,并提供了使用Framer Motion和next.js实现这些动画的示例代码。最后,文章总结了这些效果,并邀请读者探讨更好的实现方案。
|
3月前
|
JavaScript 前端开发
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
|
3月前
|
JavaScript 前端开发
CSS3 动画和 JavaScript 动画的性能比较
具体的性能表现还会受到许多因素的影响,如动画的复杂程度、浏览器的性能、设备的硬件条件等。在实际应用中,需要根据具体情况选择合适的动画技术。
|
3月前
ractive.js联系表单动画效果源码
一款ractive.js联系表单动画效果,很有创意的发送邮件、联系内容等表单,基于ractive.js实现的动画效果,以发送信件的方式。
40 1
|
3月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
40 2
|
5月前
|
前端开发 数据可视化 开发者
D3.js 内置的动画函数
D3.js 内置的动画函数
|
5月前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
79 0
|
4月前
|
前端开发 数据可视化 开发者
D3.js 内置的动画函数
D3.js 内置的动画函数
|
6月前
|
JavaScript 前端开发 UED
Vue.js动画魔法:解锁流畅过渡,让每一次交互都成为用户心中的小确幸!
【8月更文挑战第30天】在Vue.js中,动画与过渡效果不仅是视觉点缀,更是提升用户体验的关键。通过流畅的动态效果,应用的互动性和吸引力得以增强,从而提高用户满意度和参与度。`&lt;transition&gt;`和`&lt;transition-group&gt;`组件结合CSS过渡,可轻松实现元素的进入、离开及列表变化动画。合理的性能优化,如使用硬件加速,能避免页面卡顿,确保动画既美观又高效。下面是一个简单的淡入淡出效果示例,展示了如何利用Vue.js实现平滑的动画过渡。总之,恰当的动画设计能显著提升应用的用户体验。
92 0
Vue.js动画魔法:解锁流畅过渡,让每一次交互都成为用户心中的小确幸!

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    49
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 3
    Node.js 中实现多任务下载的并发控制策略
    34
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    57
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    57