作者：互联网
2009-06-20
<!--要完成此效果需要两个步骤 第一步：把如下代码加入到<head>区域中--> <style type="text/css"> .menulinks {position:relative;} #menucont a{color:#006699; font-weight:bold; text-decoration:none;} #menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin nSpace=5 // how many space maximum between each letter nSpeed=100 // the speed of the animation timerLSM=null; function LetterSpacingMenu() { if(document.getElementById){ lnks = Math.floor(Math.random()*lnk.length); letterSpacing = Math.floor(Math.random()*nSpace); lnk[lnks].style.letterSpacing = letterSpacing + "px"; timerLSM = setTimeout("LetterSpacingMenu()", nSpeed); } } function StopMenu() { if(document.getElementById) { clearTimeout(timerLSM); for(i=0;i<lnk.length;i++) lnk[i].style.letterSpacing = 0 + "px"; } } function LSMenuInit() { if(document.getElementById) { lnk = document.getElementById("menucont").getElementsByTagName("a"); cnt = document.getElementById("menucont"); cnt.style.textAlign= "center"; cnt.onmouseover=StopMenu; cnt.onmouseout=LetterSpacingMenu; LetterSpacingMenu(); } } onload=LSMenuInit; // End --> </script> <!--第二步：把如下代码加入到<body>区域中--> <div id="menucont"> <a href="#" id="a1" class="menulinks" title="what's new">what's new</a><br> <a href="#" id="a2" class="menulinks" title="about this site">about this site</a><br> <a href="#" id="a3" class="menulinks" title="dhtml scripts">dhtml scripts</a><br> <a href="#" id="a4" class="menulinks" title="dhtml tutorials">dhtml tutorials</a><br> <a href="#" id="a5" class="menulinks" title="dhtml links">dhtml links</a><br> <a href="#" id="a6" class="menulinks" title="promote this site">promote this site</a><br> <a href="#" id="a7" class="menulinks" title="contact us">contact us</a> </div>
相关标签:
相关推荐
2026-04-14
专题
+ 收藏
最新数据
相关文章
使用Apparat框架优化Flash
一场关于YUI3/jQuery的精彩辩论
从if else到switch case再到抽象
BigPipe:高性能的"流水线技术"网页
跨域资源共享的10种方式
WEB移动应用框架构想
GC与JS内存泄露
三谈Iframe自适应高度
HTML5 WebSockets基础使用教程
精简高效的CSS命名准则和方法
AI精选
LangGraph 入门到精通
Agent 开发进阶（十三）：
电影感霓虹灯光街头风肖像
一天一个开源项目（第72篇）：everything-claude-code - 最系统化的 Claude Code 增强框架
分割风格肖像：照片与数字插画对比
日式电视节目风格图像生成
阴阳锦鲤水墨画提示词
适用于 Nano Banana 2 的业余智能手机快照提示词
沙漠沙丘中半掩战斗机的写意水彩画
OpenClaw+image-downloader-skill： 打造关键词图片批量下载工作流
脚本推荐
SeeDance 2.0 Video Creator专区
OpenClaw AI专区
cowork专区
claude code skills专区
