分享100个好看且实用的JavaScript特效

链接:https://pan.baidu.com/s/1e4XO6Tsi44jPqlJ9qs2WqQ 
提取码:34qn

分享100个好看且实用的JavaScript特效

分享100个好看且实用的JavaScript特效,总有一款适合你,小弟在某付费网站上收集的,虽然不是我的原创但是小弟这100个Js也是花了很多时日!

下面是JS的名字,我放了一些图片,所有图片全都放进去是不行的100个图太多,大家下载后可以看到。

彩色发光的黑洞CSS3特效
纯CSS3边框按钮悬停特效
HTML5彩虹波浪动画特效
ECharts企业组织架构图代码
CSS3 SVG清空回收站按钮特效
HTML5打雷闪电下雨特效
jQuery数字百分比加载特效
全屏星星闪烁动画CSS3特效
蜂巢六边形加载动画特效
你画我来猜HTML5小游戏
JS九宫格图片点击播器音乐代码
CSS3发光粒子背景动画特效
彩色粒子烟花HTML5特效
卡通日出日落CSS3动画特效
JS黑白样式加减乘除计算器代码
几何图形动画HTML5特效
jQuery成语文字验证码特效
HTML5粒子聚集散开动画特效
每日隔离走势图HTML5插件
钢琴键盘样式HTML5特效
HTML5流动网状线条动画特效
CSS3炫彩文字动画背景特效
七龙珠发光闪烁CSS3特效
jQuery点击弹窗导入数据表单代码
HTML5模拟交通信号灯动画特效
CSS3下拉列表收缩展开特效
HTML5 Canvas一束鲜花特效
毛毛细雨下落Canvas特效
JS程序员简历文字动画代码
HTML5用户登录框带背景特效
CSS3环形文字加载动画特效
森林蝴蝶飞舞HTML5特效
JS公司年会抽奖程序
HTML5星光闪烁3D视差特效
HTML5 SVG卡通404特效
情人节满屏爱心HTML5特效
CSS3任务事项管理界面特效
HTML5旋涡星空旋转背景特效
CSS3图片卡片悬停动画特效
SVG下载按钮进度加载特效
JS彩色气泡浮动动画特效
Canvas冬季下雪场景特效
js三级联动下拉表单代码
HTML5 Canvas喷漆涂鸦特效
纯CSS3绘制拍立得照相机特效
HTML5 SVG彩色文字时钟特效
HTML5点击弹出工具栏代码
js导航标题下划线高亮特效
jQuery购物车数量累计代码
早晨太阳升起HTML5特效
echarts波浪百分比图表代码
HTML5解压的旋转旋涡特效
SVG添加购物车按钮动画特效
HTML5樱花掉落背景动画特效
相册上下无缝滚动展示特效
纯CSS3折叠纸登录表单特效
echarts增量设备贯通率图表代码
CSS3滑块拖动交互式特效
jQuery实时节气罗盘时钟代码
创意六边形标签云CSS3特效
全屏遮罩导航栏HTML5特效
jQuery点击全屏波浪菜单代码
圆形波纹全屏背景CSS3特效
Three可拖拽红灯笼动画特效
js鼠标图片拖动验证代码
HTML5雨量大小调节代码
jQuery移动端输入数字跳格代码
HTML5货车交互订单按钮特效
首字母索引侧边栏CSS3特效
Canvas爱心不断飞出动画特效
js数字框输入自动跳格代码
JS 3D渐变柱状图表特效
jQuery递归无限极树状菜单
纯CSS3汽车3D模型动画特效
Canvas马赛克文字动画特效
Canvas仪表盘动画特效
CSS3按钮悬停抽屉式动画特效
VUE橙色按钮弹性动画特效
jQuery网页图层拖拽对齐特效
js模态弹出框插件ModalLayer
html5音乐播放器ui布局特效
vue.js批量上传文件代码
CSS3宇宙星空元素动画特效
HTML5全屏百叶窗切换特效
创意2020年数字CSS3特效
CSS3大雪雪人动画特效
js手机商品放大展示特效
js俄罗斯方块游戏代码
jQuery鼠标移入方向感知特效
webgl喷泉粒子发射动画特效
HTML5罗马时钟指针特效
js添加删除购物车结算代码
jQuery开心农场种植收获游戏
jQuery实现Diy拖拽表单代码
jQuery城市电梯锚点导航代码
HTML5 SVG闪烁的霓虹灯特效
卡通户外场景CSS3特效
CSS3 SVG礼花纸屑动画特效
音频播放图标CSS3特效
HTML+CSS3风扇开关特效

彩色发光的黑洞CSS3特效

纯CSS3边框按钮悬停特效

HTML5彩虹波浪动画特效

ECharts企业组织架构图代码

CSS3 SVG清空回收站按钮特效

HTML5打雷闪电下雨特效

jQuery数字百分比加载特效

全屏星星闪烁动画CSS3特效

蜂巢六边形加载动画特效

你画我来猜HTML5小游戏

JS九宫格图片点击播器音乐代码

CSS3发光粒子背景动画特效

彩色粒子烟花HTML5特效

卡通日出日落CSS3动画特效

JS黑白样式加减乘除计算器代码

几何图形动画HTML5特效

jQuery成语文字验证码特效

HTML5粒子聚集散开动画特效

每日隔离走势图HTML5插件

钢琴键盘样式HTML5特效

HTML5流动网状线条动画特效

CSS3炫彩文字动画背景特效

七龙珠发光闪烁CSS3特效

jQuery点击弹窗导入数据表单代码

HTML5模拟交通信号灯动画特效

CSS3下拉列表收缩展开特效

HTML5 Canvas一束鲜花特效

毛毛细雨下落Canvas特效

JS程序员简历文字动画代码

HTML5用户登录框带背景特效

CSS3环形文字加载动画特效

森林蝴蝶飞舞HTML5特效

JS公司年会抽奖程序

HTML5星光闪烁3D视差特效

HTML5 SVG卡通404特效

情人节满屏爱心HTML5特效

CSS3任务事项管理界面特效

HTML5旋涡星空旋转背景特效

CSS3图片卡片悬停动画特效

SVG下载按钮进度加载特效

JS彩色气泡浮动动画特效

Canvas冬季下雪场景特效

js三级联动下拉表单代码

HTML5 Canvas喷漆涂鸦特效

纯CSS3绘制拍立得照相机特效

HTML5 SVG彩色文字时钟特效

HTML5点击弹出工具栏代码

js导航标题下划线高亮特效

jQuery购物车数量累计代码

早晨太阳升起HTML5特效

echarts波浪百分比图表代码

HTML5解压的旋转旋涡特效

SVG添加购物车按钮动画特效

HTML5樱花掉落背景动画特效

相册上下无缝滚动展示特效

纯CSS3折叠纸登录表单特效

echarts增量设备贯通率图表代码

CSS3滑块拖动交互式特效

jQuery实时节气罗盘时钟代码

创意六边形标签云CSS3特效

全屏遮罩导航栏HTML5特效

jQuery点击全屏波浪菜单代码

圆形波纹全屏背景CSS3特效

Three可拖拽红灯笼动画特效

js鼠标图片拖动验证代码

HTML5雨量大小调节代码

jQuery移动端输入数字跳格代码

HTML5货车交互订单按钮特效

首字母索引侧边栏CSS3特效

Canvas爱心不断飞出动画特效

js数字框输入自动跳格代码

JS 3D渐变柱状图表特效

jQuery递归无限极树状菜单

纯CSS3汽车3D模型动画特效

Canvas马赛克文字动画特效

Canvas仪表盘动画特效

CSS3按钮悬停抽屉式动画特效

VUE橙色按钮弹性动画特效

jQuery网页图层拖拽对齐特效

js模态弹出框插件ModalLayer

html5音乐播放器ui布局特效

vue.js批量上传文件代码

CSS3宇宙星空元素动画特效

HTML5全屏百叶窗切换特效

创意2020年数字CSS3特效

CSS3大雪雪人动画特效

js手机商品放大展示特效

js俄罗斯方块游戏代码

jQuery鼠标移入方向感知特效

webgl喷泉粒子发射动画特效

HTML5罗马时钟指针特效

js添加删除购物车结算代码

jQuery开心农场种植收获游戏

jQuery实现Diy拖拽表单代码

jQuery城市电梯锚点导航代码

HTML5 SVG闪烁的霓虹灯特效

卡通户外场景CSS3特效

CSS3 SVG礼花纸屑动画特效

音频播放图标CSS3特效

HTML+CSS3风扇开关特效

最后送大家一首诗:

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

链接:https://pan.baidu.com/s/1e4XO6Tsi44jPqlJ9qs2WqQ 
提取码:34qn

  • 34
    点赞
  • 224
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 24
    评论
目录 -------------------------------------------------------------------------------- 第1章 javascript概述 1 1.1 什么是脚本语言 2 1.2 javascript简介 2 1.3 javascript与java的关系 3 1.4 javascript的基本构成 4 1.4.1 基本数据类型 4 1.4.2 变量 4 1.4.3 常量 5 1.4.4 表达式 6 1.4.5 运算符 6 1.5 javascript的基本语法 10 1.5.1 if条件选择语句 10 1.5.2 switch选择语句 11 1.5.3 do…while语句 12 1.5.4 while循环语句 13 1.5.5 for循环语句 14 1.5.6 break语句与continue语句 15 1.6 javascript的函数调用 16 1.6.1 函数的定义与调用 17 1.6.2 全局变量与局部变量 17 1.6.3 可变参数的函数 17 1.6.4 预定义函数 17 1.7 javascript的对象 19 1.7.1 对象的基本概述 19 1.7.2 对象属性 19 1.7.3 创建对象 20 1.7.4 使用对象 22 1.7.5 其他内部对象 24 1.8 小结 26 第2章 javascript中事件. 窗口和框架的处理 27 2.1 事件处理的基本概念 28 2.2 常用事件及处理 28 2.2.1 浏览器事件 29 2.2.2 鼠标事件 29 2.2.3 文本框事件 30 2.2.4 其他事件 31 2.3 什么是框架 31 2.4 使用框架 32 2.5 小结 32 第3章 链接类特效 33 3.1 按时消失的链接 34 3.2 带滚动提示的链接 36 3.3 动态变换的链接 37 3.4 滚动链接 38 3.5 不断闪动的链接 39 3.6 在按钮上定时显示不同的链接 40 3.7 带链接的滚动字幕 42 3.8 单击链接显示菜单 43 3.9 鼠标右键链接 44 3.10 显示当前页的所有链接 45 3.11 查看网址源代码 46 3.12 将站点加入收藏夹 47 3.13 单击按钮返回默认主页 47 3.14 给指定的人员发信 48 3.15 弹出菜单式链接 49 3.16 图片选择器 50 3.17 链接导航框 51 3.18 小球跟踪链接 52 3.19 单击按钮打开全屏窗口 56 3.20 单选按钮选择链接 56 3.21 隐藏的链接 57 3.22 变换链接颜色 58 3.23 固定链接的位置 59 第4章 时间类特效 61 4.1 时间的水中倒影 62 4.2 简单的日历 63 4.3 带有农历的日历 65 4.4 标题栏显示日期 68 4.5 标题栏显示时间 69 4.6 不同时间的不同问候 69 4.7 记录进入网站的时间 70 4.8 页面的最后更新日期 71 4.9 节日倒计时 72 4.10 定时打开指定页面 72 4.11 显示在背景上的时钟 73 4.12 动态显示访问时间 75 4.13 在指定时间内保存页面 76 4.14 离今天最近的两个星期天 78 4.15 记录在网站停留的时间 79 4.16 带开关的时钟 80 4.17 每天显示一条不同的信息 81 4.18 模拟时钟 82 4.19 英文式的文本时钟 84 4.20 关闭页面时弹出时间警告框 85 4.21 显示在按钮上的时间 86 4.22 计算出生时间 88 4.23 计算几天后将是什么日期 92 第5章 鼠标类特效 95 5.1 让鼠标悬停来开关窗口 96 5.2 鼠标的十字星准星 96 5.3 鼠标的文字跟踪 97 5.4 鼠标经过时改变文本颜色 99 5.5 鼠标驱动图片变化 100 5.6 鼠标悬停时背景色改变 101 5.7 鼠标右键弹出对话框 102 5.8 鼠标的图片旋转跟踪 103 5.9 旋转的鼠标光环 105 5.10 跟随鼠标旋转的文字 107 5.11 单击鼠标右键打开网站 109 5.12 跟着鼠标的烟花 109 5.13 跟随鼠标的时钟 111 5.14 屏蔽鼠标右键 115 5.15 跟随鼠标的滚动字幕 116 5.16 鼠标悬停打开新的页面 117 5.17 鼠标的指针踪迹效果 118 5.18 跟随鼠标跳动的星星 119 5.19 冒水泡的鼠标 121 5.20 跟随鼠标的幻影文字 123 5.21 非图片鼠标跟踪 124 5.22 自动变化的鼠标指针 127 5.23 跟随鼠标的流星 128 第6章 图片类特效 133 6.1 鼠标控制图片的明暗效果 134 6.2 来回摆动的图片 134 6.3 随意飘动的图像 136 6.4 随意走动的图片 137 6.5 图片的水中倒影效果 140 6.6 可以随意拖动的图片 140 6.7 “雷达”扫描图片效果 142 6.8 图片的变形效果 143 6.9 会抖动的图片 144 6.10 不停闪烁的图片 146 6.11 图片分割显示 146 6.12 图片穿行页面效果 148 6.13 自由移动的图片 149 6.14 图片代替按钮效果 150 6.15 图片的翻转效果 151 6.16 向外扩展的图片 152 6.17 鼠标悬停改变图片 153 6.18 图片模糊效果 155 6.19 图片的探照灯效果 156 6.20 跟随屏幕移动的图片 157 6.21 图片的模糊显示 158 6.22 图片的渐隐渐现 159 6.23 一堆开放的花朵 160 第7章 文字类特效 165 7.1 闪烁的按钮文字 166 7.2 逐个显示的变色文字.. 167 7.3 垂直滚动的文字 168 7.4 文字的渐隐渐显的效果 169 7.5 文字跳动的效果 170 7.6 状态栏的打字效果 172 7.7 文字的逐条显示 172 7.8 文字的旋转效果 174 7.9 文字的心跳效果 175 7.10 文字在文本框中坠落 176 7.11 文字飞舞的效果 178 7.12 横向移动的跑马灯 181 7.13 可随便移动的文字 182 7.14 水波形的文字 183 7.15 首字母大小写的变化 184 7.16 状态栏文字飞出效果 186 7.17 链接文字的滚动效果 188 7.18 不停变色的文字 189 7.19 文字颜色变化的显示效果 190 7.20 选中文本框中的全部文字 192 7.21 按钮上的滚动文字 193 7.22 从天而降的文字 194 7.23 鼠标悬停显示提示文字 200 第8章 页面类特效 203 8.1 下雨的页面效果 204 8.2 网页中的loading条 206 8.3 页面的制作完成时间 207 8.4 在状态栏显示输入字符的页面 208 8.5 页面的加密功能 209 8.6 调色板更换页面背景 211 8.7 滚动信息公告页面 213 8.8 页面背景的颜色变化 215 8.9 页面背景的随机显示 216 8.10 单击按钮打印当前页面 217 8.11 记录用户的来访次数 218 8.12 可选择的页面信息 219 8.13 文本框消失的页面 220 8.14 随机播放背景音乐的页面 221 8.15 能自动滚屏的页面 222 8.16 密码保护页面 223 8.17 检测ie所装插件的页面 224 8.18 页面向右滚屏 225 8.19 渐渐消失的页面 226 8.20 按钮锁定页面 226 8.21 在线改变背景颜色 227 8.22 雪花纷飞的页面 228 8.23 页面直接显示 230 第9章 窗口类特效 233 9.1 按指定要求打开的窗口 234 9.2 控制窗口的打开和关闭 235 9.3 从天而降的窗口 235 9.4 打开慢慢变大的窗口 236 9.5 打开一个四面变大的窗口 237 9.6 定时打开新的窗口 238 9.7 转动出现的窗口 239 9.8 自动弹出的窗口 241 9.9 自动消失的广告窗口 242 9.10 窗口的震动效果 243 9.11 同时打开10个窗口 244 9.12 检测系统信息窗口 245 9.13 测试链接速度的窗口 248 9.14 关闭窗口打开收藏夹 250 9.15 关闭窗口打开指定地址 250 9.16 显示载入时间的窗口 251 9.17 显示浏览器信息的窗口 252 9.18 显示访客登录信息的窗口 253 9.19 标题渐变的窗口 255 9.20 绝对全屏打开链接网页 257 9.21 打开一个频道窗口 258 9.22 在页面中打开窗口 258 9.23 自动滚动的窗口 259 第10章 其他特效 261 10.1 显示下载进度 262 10.2 打开或关闭隐藏层 263 10.3 打字速度测试 264 10.4 改变图片提示背景颜色 266 10.5 渐变色表格 269 10.6 列表内容相互转换 270 10.7 身体健康测试 273 10.8 网络知识测试 275 10.9 方框线上的闪耀效果 278 10.10 自动隐藏的菜单 281 10.11 自动收缩的菜单 283 10.12 爆炸式菜单链接 285 10.13 显示边框的菜单 287 10.14 右键菜单链接 289 10.15 首页导航菜单 291 10.16 ftp登录页面 292 10.17 html颜色代码表 293 10.18 计算平面上两点之间的距离 294 10.19 测试点击速度 295 10.20 元素周期表 297 10.21 计算器 299 10.22 自信测试 302 10.23 滚动交换链接 304 第11章 javascript与activex技术 311 11.1 activex组件 312 11.1.1 什么是activex组件 312 11.1.2 activex的内容 312 11.1.3 activex控制和internet 312 11.2 activex组件的应用 313 11.2.1 网页中的flash对象 313 11.2.2 flash对象的调用 314 11.3 asp与activex组件 315 11.4 asp与javascript语言 315 11.4.1 脚本语言 316 11.4.2 设置脚本语言 316 11.4.3 服务器端的脚本 316 11.4.4 javascript和vbscript的区别 317 11.5 asp与表单处理 317 11.5.1 form数据集合 317 11.5.2 form集合的提交方式 318 11.6 小结 319 第12章 javascript中的数据库调用 321 12.1 数据库的构建 322 12.2 数据库查询语句 323 12.2.1 sql数据库 323 12.2.2 asp中的sql语句 323 12.3 数据库的连接 324 12.3.1 odbc的dsn连接方法 324 12.3.2 odbc的直接连接方法 325 12.3.3 ole db的连接方法 325 12.4 数据库的查询 325 12.4.1 使用connection对象查询数据库 326 12.4.2 使用recordset对象查询数据库 327 12.5 使用javascript访问数据库 330 12.6 小结 331 第13章 综合实例 333 13.1 勇闯迷宫 334 13.2 记忆力游戏 338 13.3 贪吃蛇游戏 342 13.4 打蜜蜂 345 13.5 射击游戏 350 13.6 螃蟹赛跑 353 13.7 数字拼图 358 13.8 填格子游戏 363 13.9 棒球动画 367 13.10 礼花动画 372
### 回答1: 《JavaScript网页特效范例宝典源码》是一本收集了各种JavaScript网页特效的源码的书籍。该书提供了丰富多样的特效示例,包括动画、轮播图、导航菜单、弹出框等等。这些特效可以很好地应用于网页设计和开发中,使网页更加生动和有吸引力。 书中的源码是经过作者精心编写和整理的,旨在帮助读者理解和应用JavaScript特效。每个特效示例都附有详细的注释和使用说明,非常适合JavaScript初学者和有一定基础的开发者参考学习。 使用这本书,读者可以学习如何利用JavaScript创建各种实用特效效果。例如,通过阅读源码可以了解如何实现一个平滑滚动的页面效果,或者如何制作一个鼠标点击特效。这些示例可以帮助读者掌握基本的JavaScript编程概念和技巧,提高其网页设计和开发的能力。 此外,这本书还提供了源码的下载链接,读者可以通过下载源码进行实践和调试,加深对特效实现原理的理解。 总的来说,《JavaScript网页特效范例宝典源码》是一本实用JavaScript编程参考书,对于想要提升网页设计能力和运用JavaScript特效的读者来说,是一本不可多得的好书。阅读并实践这本书中的特效示例,可以让你的网页更加出彩,给用户留下深刻的印象。 ### 回答2: JavaScript网页特效范例宝典源码是一个收集和分享JavaScript网页特效代码的资源库。这个宝典源码包含了许多经典和创新的JavaScript特效,如轮播图、动画效果、页面交互等等。 在这个宝典源码中,你可以找到各种各样的网页特效示例,以及实现这些效果的代码。这些示例涵盖了不同的主题和领域,包括个人网站、企业网站、电子商务网站等等。 源码的使用非常简单。你可以浏览源码库,找到你感兴趣的特效示例,然后复制相关的代码到你自己的网页中即可实现相应的特效。每个特效示例都有相应的注释和说明,方便你理解和修改源码。 使用这个宝典源码,你可以快速地为你的网页增加一些令人印象深刻的交互效果。无论是为了提升用户体验,增加网页的吸引力,还是为了展示你的创意和技术实力,这个宝典源码都能够帮助你轻松实现。 总之,JavaScript网页特效范例宝典源码是一个有用的资源库,为网页设计师和开发者提供了丰富的JavaScript特效示例和相应的代码。通过使用这个源码,你可以为你的网页增加更多的互动和创意。 ### 回答3: JavaScript网页特效范例宝典源码是一个收集了各种JavaScript网页特效效果的宝典,它提供了丰富多样的源码示例,供开发人员在网页设计和开发过程中参考和使用。 这个宝典中的源码包含了许多经典的JavaScript特效,比如图片轮播、动画效果、菜单交互、弹出框等。每个特效都附带了详细的注释和说明,开发人员可以根据自己的需要进行修改和定制。 通过学习和使用这些源码示例,开发人员可以快速掌握JavaScript的应用技巧和网页特效的实现方法。无论是初学者还是有一定经验的开发人员,都可以从宝典中找到适合自己的参考案例。 值得一提的是,JavaScript网页特效范例宝典源码的适用范围非常广泛,无论是个人网站、企业网站还是各类应用程序都可以应用其中的特效效果,使网页更加生动、优雅和具有交互性。这些特效可以提升用户体验,增加网站的吸引力和用户留存率。 总之,JavaScript网页特效范例宝典源码是一个非常实用的资源,对于想要提升网页设计和开发能力的开发人员来说是不可或缺的。通过研究和运用这些源码示例,可以帮助开发人员更好地理解和运用JavaScript,为网页增加丰富的交互效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

亚丁号

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

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

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

打赏作者

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

抵扣说明:

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

余额充值