页面载入时的进度条效果的实现-脚本在线

首页前沿速递服务器教程网页设计教程网络编辑教程

移动端

AI智能体脚本智能办公脚本自动化游戏脚本浏览器自动化脚本服务器脚本

页面载入时的进度条效果的实现

作者：互联网

2009-06-20

网页特效

网页特效实例代码，一张图片实现的鼠标超酷翻转效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.*w**3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> <title>一张图片实现的超酷效果downcodes.com</title> <style type="text/css">  </style> <script language="javascript"> window.onload=function(){ var t=document.getElementsByTagName('table')[0]; var cs=t.rows[1].cells,ct=t.rows[0].cells; for(var i=0;i<cs.length;i++) cssAni(cs[i],ct[i],7); } function cssAni(osrc,otarget,num,duration){ //////// //IE only //by mozart0, 2007.06.09 //////// var t=null,c=1,d=0,n=0,i=Math.floor((duration||300)/num); var s=otarget.className.replace(/.$/,''),r=/over/; osrc.onmouseover=osrc.onmouseout=function(e){ n=r.test((e||event).type)?1:-1; if(!t) t=setInterval(function(){ if((c==1||c==num)&&((d==n||c+n<1)||!(d=n))) return clearInterval(t),t=null; otarget.className=s+(c+=d); },i); }; } </script> </head> <body> 鼠标指向字符A、B、C、D、E、F、G。你就可以看到效果了!!哈哈 <table> <tr class='icon'> <td class='a f1'></td> <td class='b f1'></td> <td class='c f1'></td> <td class='d f1'></td> <td class='e f1'></td> <td class='f f1'></td> <td class='g f1'></td> </tr> <tr class='capt'> <td><a href='#;'>A</a></td> <td><a href='#;'>B</a></td> <td><a href='#;'>C</a></td> <td><a href='#;'>D</a></td> <td><a href='#;'>E</a></td> <td><a href='#;'>F</a></td> <td><a href='#;'>G</a></td> </tr> </table> </body> </html>

相关标签:

网页特效

上一篇：当你指向某个链接时，网页中的小球会自动跑过去下一篇：页面内漂浮的图片鼠标指向变大图片的广告

相关推荐

基于 SelectDB 实现 Hive 数据湖统一分析：洋钱罐全球一体化探索分析平台升级实践瓴岳科技是一家以大数据与人工智能为核心的数字科技集团，旗下拥有国内产品洋钱罐与印尼市场产品 Easy Cash，致力于为全球用户提供卓越的金融科技服务。截至 2025 年，公司已服务全球超 114 家

2026-04-16

立即查看

python从入门到精通-第8章: 类型系统 — Python的类型注解革命第8章: 类型系统 — Python的类型注解革命 8.1 类型注解基础 Java/Kotlin 对比 Python 实现核心差异维度 Java/Kotlin Python 类型检查时机编译期，

2026-04-16

立即查看

第2周 Day 4：英语 Agent Web 版上线：从命令行到浏览器学习目标把 Week 1 的英语 Agent 整合到 Web 版（搞定！✅）设计一个好看的前端界面(AI生成的)（搞定！✅）实现所有功能：今日单词、单词测验、造句练习、编故事（搞定！✅）加入

2026-04-16

立即查看

Envira Gallery v1.13.2 汉化版 WordPress高级图库插件 Envira Gallery能在几分钟内为网站创建漂亮的响应式照片和视频库，Envira Gallery被誉为响应速度最好的 WordPress 画廊/图库插件。Envira Gallery 主要功能拖放生成器只需单击几下即可轻松创建精美的照片和视频画廊。图库模板使用预先构建的模板来自定义您的画廊的

2026-04-16

立即查看

专题

#数据可视化

数据可视化（Data Visu

+ 收藏

#自然语言处理

自然语言处理（Natural

+ 收藏

#Excel公式

Excel公式就是：用函数 +

+ 收藏

#Excel技巧

Excel是日常生活中必不可

+ 收藏

#蛋仔派对

蛋仔派对最新官方活动、关卡速

+ 收藏

#人工智能

人工智能（AI），简单说，就

+ 收藏

最新数据

自动弹出的导航窗符合标准的固定在网页中固定位

可拖动的菜单COOL菜单

超酷的链接提示方式的实现

多级动感的带下一级的导航菜单

一个逐渐显示的下拉菜单

微软菜单的脚本（自己可以试试啊）

QQ式的导航（酷)

单击鼠标就弹出一个导航菜单

一种比较酷的页面效果

随滚动条滚动的QQ客服咨询特效代码

相关文章

使用Apparat框架优化Flash

一场关于YUI3/jQuery的精彩辩论

从if else到switch case再到抽象

BigPipe:高性能的"流水线技术"网页

跨域资源共享的10种方式

WEB移动应用框架构想

GC与JS内存泄露

三谈Iframe自适应高度

HTML5 WebSockets基础使用教程

精简高效的CSS命名准则和方法

AI精选

更多

Strict Identity

逼真的斜倚人像，带 Contr

Sabrina Carpenter 舞台表演魅力提示

电影级人像修复提示词

金发女郎的镜面自拍

悉尼·斯威尼 (Sydney Sweeney) 奢华衣橱镜面自拍

奢华护肤品：香水瓶中的立体模型

欧洲咖啡馆黄金时段肖像提示

混凝土表面上的霓虹灯文字

电影级写实人像，带微缩克隆体

脚本推荐

SeeDance 2.0 Video Creator专区

OpenClaw AI专区

cowork专区

claude code skills专区