一个实例蛮全的JS特效网站

最新推荐文章于 2024-08-14 17:24:57 发布
最新推荐文章于 2024-08-14 17:24:57 发布
阅读量1.1k 收藏
点赞数
分类专栏： 常见JS代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zlp8383178/article/details/411169
版权
zlp8383178
关注
专栏目录
JavaScript（网页特效案例）
Han_Zhou_Z的博客
12-10 745
固定侧边栏效果 右侧的侧边框，一直处于与主旨部分平行或者在下拉时处在最在上 <style> .w{ width: 70%; margin: 0 auto; margin-top: 10px; } .header{ height: 100px; background-color: rgb(248, 87, 87); } .banner{ height: 20
JavaScript网页特效5则
方逸涛的专栏
07-25 894
 动态字幕代码：在需要处加入< marquee onmouseover=this.stop() onmouseout=this.start()>欢迎访问JavaScript教程网 特点：当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了，运用以上代码即可实现。延伸：动态字幕有一个属性“direction”，它是控制字幕滚动方向的，把“
threejs webgl效果 功能特效 光柱效果 雷达效果 OD线 雪 雨 光墙效果 能量球 烟火效果 光圈效果
最新发布
ALLENJIAO的专栏
08-14 633
threejs webgl效果 功能特效 光柱效果 雷达效果 OD线 下雪 下雨 光墙效果 能量球 烟火效果 光圈效果
8个超棒的使用javascript开发的视觉特效网站
GBin1.com
08-17 3427
日期：2012-8-17  来源：GBin1.com 随着flash的落寞及其HTML5和CSS3的发展，更多的网站开始使用javascript，CSS3和HTML5来开发炫酷的特效。今天我们挑选了8个超棒的CSS3和javascript开发的视觉特效网站，希望大家喜欢！如果你也收藏了一些不错的网站，请留言和我们分享，谢谢！ Joint London 拥有非常独特的导航设计 Le
10个非常棒的Ajax及Javascript实例资源网站
bluedusk
03-11 185
　向大家推荐10个相当棒的Ajax和Javascript国外资源网站或博客，它们提供了相当多的高质量Ajax、Javascript实例及教程，喜欢Ajax和Javascript的朋友绝对不能错过。 1.Ajax Rain 　　AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。   Aja...
8个令人印象深刻的JavaScript效果的网站
TommyOnee
04-01 916
<br /><br /> <br />这篇文章很有意思，我发现了8个具有共同特征的站点-他们都使用JavaScript脚本语言。是什么使HTML/CSS站点很漂亮、过目难忘？我们需要JavaScript的魔力，使网站更具交互性和动画特征。<br />下面我们就看看这8个站点。<br />Momento App<br /><br />Momento app是个丰富的iPhone应用站点。它有2个以上的不错的图片gallery组成，值得一看。<br />We are fixel<br /><br />干净，漂亮
JS常见网页特效案例
liu_to_liu的博客
05-30 5529
JS常见网页特效案例1、网页轮播图2、返回顶部3、筋斗云案例 1、网页轮播图 window.addEventListener('load', function() { // 1）获取元素 var arrow_l = document.querySelector('.arrow_l'); var arrow_r = document.querySelector('.arrow_r'); var focus = document.querySelector('.focus'); // 2）鼠标
html如何自己做一个背景特效,背景效果实现方法总结
weixin_28871885的博客
06-04 2172
本篇文章主要介绍了canvas简单快速实现知乎登录页背景效果的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧前言打开知乎的登录页，就可以看到其背景有一个动效，看起来好像蛮不错的样子：这个效果使用canvas是不难实现的，接下来就一步一步地讲解并实现这个效果。分析在动工之前先分析这个效果到底是如何运动的。首先要理解的是虽然看起来好像所有线和圆都在运动，但实际上只有圆才是在运动的，而线只不过是...
js实现带农历和八字等信息的日历特效
11-24
自己也尝试着做了一下，收获蛮大，掌握了js日历特效的实现原理后，再想增加更多的功能，完全就可以自由发挥了，先在这里分享一下吧，有兴趣的可以试试！ 本文实例为大家分享了js实现带农历等信息的日历特效，代码量...
用flask+echarts打造一个数据可视化大屏幕
热门推荐
凯哥大数据——刘凯的博客
10-14 2万+
文章目录1. big_screen项目说明2. big_screen项目文件布局3. 四大模块核心代码分析3.1 数据准备模块3.2 flask网页服务模块3.3 网页视图模块a. 网页大标题b. 左右两栏的图表c. 中间一栏的图表d. 图表echarts属性设置3.4 static静态元素分析a. 显示时间的函数b. 页面淡入和视图自适应的函数4. 总结 1. big_screen项目说明 源自github上逛到的一个项目，用flask和echarts实现了一个大屏幕显示，运行app.py后，在网页上输入
javaScript入门基础知识点
m0_63262511的博客
12-21 1144
声明了变量，但是没有赋值2.2.1、特殊情况：0：如果前面的数字是由0x开头的转换为16进制，由0开头转换为8进制，正常数字转为10进制，非数字转为NaN1：如果为1，则不管前面是不是数字都转换为NaN​​​// 12​// 12​// NaN​// NaN​//NaN​//NaN​//NaN​//NaN​//NaN//0//0为真时// 3// 10为假时// 0// 0。
JavaScript网页特效实例大全(经常用到的)
05-29
JavaScript网页特效实例大全(经常用到的)
javascript网页特效实例大全（13-19）
10-28
第13章　HTML/CSS样式　503 13.1　页面效果　504 实例317　统一站内网页风格　504 实例318　设置超级链接文字的样式　508 实例319　网页换肤　509 实例320　滚动文字　512 实例321　制作渐变背景　513 13.2　表格样式　514 实例322　只有外边框的表格　515 实例323　彩色外边框的表格　516 实例324　控制表格指定外边框不显示　518 实例325　背景颜色渐变的表格　520 实例326　表格隔行变色　521 13.3　鼠标及滚动条样式　522 实例327　显示自定义鼠标形状　522 实例328　动画光标　524 实例329　制作彩色滚动条　525 13.4　文字及列表样式　527 实例330　应用删除线样式标记商品特价　527 实例331　在文字上方标注说明标记　528 实例332　指定图标的列表项　529 13.5　文字滤镜特效　530 实例333　文字的发光效果　531 实例334　文字的阴影效果　532 实例335　文字的渐变阴影效果　533 实例336　文字的图案填充效果　534 实例337　文字的探照灯效果　535 实例338　文字的闪烁效果　537 实例339　文字的空心效果　538 实例340　文字的浮雕效果　539 实例341　文字的阳文效果　540 实例342　文字的雪雕效果　541 实例343　火焰字　542 实例344　文字扭曲动画　544 13.6　图片滤镜特效　545 实例345　图片的半透明效果　545 实例346　图片的模糊效果　546 实例347　图片的水波纹特效　547 实例348　图片的灰度效果　548 实例349　图片的动态说明文字　549 第14章 JavaScript与XML　553 14.1　读取XML文件　554 实例350　使用XML DOM对象读取XML文件　554 实例351　使用XMLHttpRequest对象读取XML文件　557 14.2　显示XML文档　559 实例352　使用CSS显示XML文档　559 实例353　使用XSL显示XML文档　562 实例354　使用IE XML数据岛输出XML文档　564 14.3　操作XML　565 实例355　用JavaScript控制XML文档的分页显示　565 实例356　通过操作XML数据岛实现添加、删除留言信息　567 第15章　JavaScript与ASP结合　573 15.1　弹出窗口/对话框控制　574 实例357　关闭弹出窗口时刷新父窗口　574 实例358　打开新窗口显示详细信息　575 实例359　弹出网页模式对话框　577 实例360　日期选择器　580 实例361　弹出提示对话框并重定向网页　584 实例362　打开指定大小的新窗口并居中显示　586 15.2　弹出确认对话框　588 实例363　删除数据前弹出确认对话框　588 实例364　安全退出前弹出确认对话框　590 15.3　其他　591 实例365　远程获取其他网页情报　591 实例366　树状导航菜单　594 实例367　使用XML实现不刷新页面查询数据　596 第16章　JavaScript与JSP结合　601 16.1　窗口与对话框　602 实例368　弹出提示对话框并重定向网页　602 实例369　打开新窗口显示详细信息　604 实例370　打开指定大小的新窗口并居中显示　605 实例371　弹出网页模式对话框　607 实例372　关闭弹出窗口时刷新父窗口　609 16.2　无刷新技术　611 实例373　无刷新的用户名检测　611 实例374　无刷新的级联下拉列表　614 实例375　使用XML实现不刷新页面查询数据　616 16.3　调用与控制　619 实例376　将查询结果导出到Word　619 实例377　调用Excel　621 实例378　调用PowerPoint　622 16.4　其他　623 实例379　树状导航菜单　623 第17章　JavaScript与ASP.NET结合　627 17.1　窗口与对话框　628 实例380　使用JavaScript脚本弹出对话框　628 实例381　打开新窗口显示详细信息　629 实例382　关闭弹出窗口刷新父窗口　631 实例383　弹出网页模式对话框　633 实例384　弹出全屏显示网页　635 17.2　其他　637 实例385　自动隐藏式菜单　637 第18章　JavaScript与PHP结合　641 18.1　窗口与对话框　642 实例386　弹出提示对话框并重定向网页　642 实例387　关闭弹出窗口时自动刷新父窗口　643 实例388　在弹出的网页模式对话框中选择个性头像　645 实例389　时间选择器　647 实例390　弹出提示对话框并重定向网页　649 实例391　删除数据前弹出确认对话框　650 18.2　其他　651 实例392　树状导航菜单　651 第19章　综合应用　657 19.1　计算器　658 实例393　简单计算器　658 实例394　复杂计算器　662 19.2　日历　667 实例395　精美日历　668 实例396　带农历的日历　674 19.3　购物车　681 实例397　添加至购物车　682 实例398　查看购物车　684 实例399　修改商品购买数量　686 实例400　从购物车中移去指定商品　687 实例401　清空购物车　689
js特效的几个特效例子
10-31
js特效的几个特效例子，附带效果样式。很实用新手用特别适合。
javascript网页特效实例大全
01-25
目录 -------------------------------------------------------------------------------- 第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
js特效
06-25
导航
java简历项目经验案例(java简历项目经验怎么写)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-10 1万+
什么叫项目经验？java简历项目经验?简历中的项目经验可以写些什么? java简历项目经验怎么写，项目经验与工作经验是相辅相成的，但较之于工作经验，项目经验更侧重于表现求职者在某个专业领域内的技能水平。因而，技术类岗位、咨询类岗位在招聘的时候，更注重项目经验。对于求职者来说，项目经验怎么写才能突出自己的优势呢?一个完整的项目经验应该包含3部分内容:项目简介、个人职责、主要业绩。 java软件工程师简历上项目经验如何写 简历就像是情书一样 ，每个公司应该有对应的情书。 小公司 ，那份简历上就写的大概概括一
有用的JS效果网址收集（持续更新中，欢迎评论并补充）
johnny_hg的专栏
07-26 213
1、http://www.scripteka.com/ 关于prototype的一切ajax效果 2、http://www.nickstakenburg.com/projects/lightview/ 采用prototype的lightbox效果组件 3、http://dragan.yourtree.org/projects/canvas-gallery/# 采用prototype的图片库...
js特效的网站
hqmln的博客
09-26 469
http://js.alixixi.com/http://www.lanrentuku.com/js/http://www.5icool.org/http://www.cnwebshow.com/site/js/ 这些是js特效的网站，还有其他的，希望大家给出来
JavaScript文本特效实战：3个跑马灯实例
这个特效通常用于新闻网站的标题栏，文字会在一个预设区域内来回滚动，当文字溢出边界时会自动消失。实现这一效果的关键在于`setTimeout`函数，它按照设定的时间间隔（100毫秒）递归调用`Scroll()`函数，更新文档...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值