JavaScript网页特效范例目录

最新推荐文章于 2022-11-18 12:49:18 发布
转载 最新推荐文章于 2022-11-18 12:49:18 发布 · 492 阅读 · 0

本文分享了一系列使用JavaScript实现的网页特效范例，这些特效能够帮助开发者提升网站的交互性和用户体验。通过实际案例的学习，读者可以更好地理解如何运用JavaScript来创建各种动态效果。
Ned_mahone
关注
JavaScript（网页特效案例）
Han_Zhou_Z的博客
12-10 835
固定侧边栏效果 右侧的侧边框，一直处于与主旨部分平行或者在下拉时处在最在上 <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 972
 动态字幕代码：在需要处加入< marquee onmouseover=this.stop() onmouseout=this.start()>欢迎访问JavaScript教程网 特点：当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了，运用以上代码即可实现。延伸：动态字幕有一个属性“direction”，它是控制字幕滚动方向的，把“
JavaScript网页特效实例大全(经常用到的)
05-29
JavaScript网页特效实例大全(经常用到的)
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常见网页特效案例
liu_to_liu的博客
05-30 5708
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）鼠标
JavaScript网页特效范例宝典源码
09-04
目录: 第1章 窗口/框架与导航条设计 1 1.1 弹出窗口控制 2 实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 ...
[JavaScript网页特效范例宝典].pdf
07-15
### JavaScript网页特效范例宝典知识点解析 #### 一、概览 《JavaScript网页特效范例宝典》是一本专注于JavaScript编程技术与网页特效开发的书籍。本书通过大量的实际案例来帮助开发者解决在编程过程中遇到的具体...
JavaScript网页特效范例宝典2
03-21
《JavaScript网页特效范例宝典2》是一本深入探讨JavaScript在网页特效制作中的应用的书籍。这本书的内容丰富，涵盖了各种JavaScript技术在实际网页设计中的应用，旨在帮助读者掌握利用JavaScript实现网页动态效果的...
JavaScript网页特效范例宝典3
03-21
《JavaScript网页特效范例宝典3》是一本深入探讨JavaScript在网页特效制作中的应用的书籍。光盘内容可能包含了书中所有实例的源代码、详细解释和相关资源，旨在帮助读者更好地理解和实践JavaScript特效的实现。从...
javascript网页特效实例大全（8-12）
10-28
第8章　图形图像与多媒体　335 8.1　图片大小　336 实例215　打开自定义大小的图片　336 实例216　图片放大缩小　337 实例217　通过鼠标滚轮放大缩小图片　338 8.2　图片与鼠标相关操作　339 实例218　跟随鼠标移动的图片　340 实例219　可以左右拖动的图片　340 实例220　随意拖动图片　342 实例221　当鼠标经过图片时显示图片　344 实例222　改变图片获取焦点时的状态　345 实例223　抖动的图片　346 实例224　鼠标移动放大图片　347 8.3　图片与时间相关操作　349 实例225　定时隐藏图片　349 实例226　根据时间变换页面背景　350 实例227　使图片不停闪烁　352 实例228　上下跳动的图片　352 实例229　图片左右晃动　354 实例230　飘舞的变形图片　356 8.4　图片的动画效果　358 实例231　图片翻转效果　359 实例232　水波倒影特效　360 实例233　图片渐隐渐现　361 实例234　图片的探照灯效果　362 实例235　雷达扫描图片特效　363 实例236　在页面中旋转的图片　365 实例237　改变形状的图片　366 实例238　图片在页面浮动　367 实例239　随机变化的网页背景　369 8.5　选择头像　370 实例240　在列表中选择图片　370 实例241　在弹出的新窗口中选择图片　372 8.6　在页面中播放图片　374 实例242　幻灯片式播放图片　374 实例243　无间断的图片循环滚动效果　376 8.7　图片的其他效果　377 实例244　导航地图　377 8.8　播放音乐　378 实例245　为网页设置背景音乐　378 实例246　随机播放背景音乐　380 实例247　MIDI音乐选择　381 8.9　插入Flash动画　383 实例248　插入Flash动画　383 实例249　插入背景透明的Flash动画　384 8.10　播放视频文件　385 实例250　播放AVI文件　385 实例251　自制视频播放器　387 第9章　页面特效　391 9.1　页面背景效果　392 实例252　背景固定居中　392 实例253　背景图片纵向重复显示　393 实例254　通过按钮变换背景颜色　395 实例255　背景自动变色　396 实例256　百叶窗　396 实例257　渐隐渐显的背景颜色　398 实例258　页面缩小　399 实例259　页面上下打开效果　400 实例260　页面左右打开效果　402 实例261　页面溶解效果　404 9.2　特殊页面　406 实例262　页首页尾切换　406 实例263　调用下载页面　408 实例264　程序加载页面　409 实例265　颜色拾取器　411 9.3　广告页面　415 实例266　图片总置于顶端　415 实例267　随机显示广告　416 实例268　广告随滚动条漂移　418 9.4　页面动画效果　419 实例269　下雪　419 实例270　飘落的枫叶　421 实例271　下雨　423 实例272　背景的烟花效果　425 实例273　变色的圆圈　427 实例274　滚动的光环　429 实例275　星空极速飞入效果　430 实例276　闪烁的星星　432 9.5　其他　434 实例277　带密码的网页　434 实例278　页面左右滚动　435 实例279　动态移动的层　437 实例280　在页面中显示十字光标　438 第10章　状态栏特效　441 10.1　状态栏文字动画　442 实例281　使状态栏中的文字不停闪烁　442 实例282　文字从右向左依次弹出　443 实例283　文字从中间向两边展开　445 实例284　文字跑马灯特效　447 实例285　文字依次显示后快速收缩　449 实例286　文字的展开与收缩　451 实例287　状态栏中的文字依次弹出　452 10.2　其他　453 实例288　在状态栏显示固定自定义信息　453 实例289　在状态栏显示鼠标坐标　454 实例290　在状态栏显示特定的超级链接信息　456 第11章　报表与打印　459 11.1　Web打印　460 实例291　调用IE自身的打印功能实现打印　460 实例292　打印指定框架中的内容　461 实例293　利用WebBrowser打印　462 实例294　设置页眉页脚　463 11.2　利用Word打印报表　465 实例295　将页面中的表格导出到Word并打印　465 实例296　打开指定的Word文档并打印　467 实例297　在JSP中利用Word自动打印指定格式的会议记录　468 实例298　在ASP中利用Word自动打印指定格式的会议记录　470 实例299　在PHP中调用Word自动打印指定格式的会议记录　472 11.3　利用Excel打印报表　474 实例300　将Web页面中的数据导出到Excel　474 实例301　将Web页面中的数据导出到Excel并自动打印　476 11.4　利用CSS样式打印　478 实例302　利用CSS样式打印页面中的指定内容　478 实例303　利用CSS样式分页打印　479 11.5　套打邮寄产品单　482 实例304　打印汇款单　482 实例305　打印快递单　484 实例306　打印信封　485 第12章　网站安全　489 12.1　禁止用户复制网页内容　490 实例307　禁止用户复制网页内容(方法一)　490 实例308　禁止用户复制网页内容(方法二)　491 实例309　禁止网页另存为　492 12.2　禁止用户刷新屏幕　493 实例310　屏蔽IE主菜单　493 实例311　屏蔽键盘相关事件　494 实例312　屏蔽鼠标右键　496 12.3　登录页面　497 实例313　具有浏览器检测功能的登录页面　497 实例314　防止SQL注入的登录页面　498 实例315　带验证码的登录页面　500 12.4　其他　501 实例316　使用Script Encoder加密工具加密　501
JavaScript网页特效范例宝典(随书光盘)
03-07
JavaScript网页特效范例宝典(随书光盘)，JavaScript网页特效范例宝典(随书光盘)。
JavaScript网页特效范例宝典.rar
11-05
《JavaScript网页特效范例宝典》 各种js实例，各位好好学吧
JavaScript网页特效范例宝典(下)
05-30
JavaScript网页特效范例宝典(下) JavaScript网页特效范例宝典(下) JavaScript网页特效范例宝典(下) JavaScript网页特效范例宝典(下) JavaScript网页特效范例宝典(下)
JavaScript网页特效范例宝典及源码
11-05
JavaScript网页特效范例宝典影印版电子文件及随书源码，共三卷
做网页的一些技巧
枫的专栏
04-16 1825
Q: 实现双击自动滚屏. A: 将以下代码添加到需要自动滚屏的页面上 var currentpos, timer; function initialize(){ timer = setInterval("scrollwindow()", 1); } function sc(){ clearInterval(timer); } function scrollwindow(){ currentpos
实用的Javascript网页特效实例代码片段
知周博远
05-23 521
文章来源：http://www.alixixi.com/Dev/HTML/JavaScript/2007/2007070763896.html 放送：实用的JS代码片段——网页特效代码很多了，这里收集整理的是一些常规的比较实用的JS代码片断。 　　字号缩放 　　让文字大点，让更多的用户看的更清楚。(也可以把字体变为百分比来实现) &lt;script type="text/javascript"&...
JavaScript网页特效范例宝典pdf
qq_38460377的博客
08-27 791
链接：https://pan.baidu.com/s/1dBp87JpX3tkx7OsNFmWu5A 密码：pldu 本书为完整版，以下为内容截图：  
JavaScript网页特效实例：跳转到其它页面
请叫我二狗哥
11-18 798
通过HTML超链接可以实现页面之间的跳转。但有时候也需要通过逻辑判断来进行动态跳转。JavaScript可以很好的实现这种效果。补充下面代码，当用户在页面中输入网址，通过跳转网址按钮跳转到对应的网页中。相关知识点：window.location.herf。
Javascript网页特效范例宝典精选集
《Javascript 网页特效范例宝典》是一本专注于展示如何使用JavaScript技术来创建吸引人的网页特效的专业书籍。通过结合书籍内容和配套的范例代码，读者能够系统学习和掌握如何利用JavaScript这一流行的脚本语言，为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值