发布您的源码作品！会员登录/控制面版

链接文字特效

作者：佚名来源：不详发布时间：2006/10/29 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<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>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：鼠标悬移到链接文字后出现跑马灯式样的说明文字

下一篇代码：多条问候语句特效替换

精品推荐

阅读排行

· 自己动手输入网页背景颜色代码
· 随机数字生成器
· 礼花背景(一个非常经典的网页背景）
· 鼠标经过文字变色
· 倒计时代码生成器
· [图文] 代码实现生成弹出窗口的特效
· [图文] 星星满天闪烁的背景
· 颜色英文代码全集
· 速度练习　测试你打字的速度
· 爱情游戏测试

相关代码

· 如何在超链接的目标文件中引用该超链接依附的字符..
· 链接问题请教
· asp链接access问题谢谢
· 串链接中的问题
· c#链接access时出现的错误
· 用dreamweaver制作asp链接access时出现错误
· 【求助】精华贴中的有些链接打不开，请管事的解决..
· 用SQLserver做数据库的链接问题
· asp 怎样控制打开链接的次数
· 关于链接中title属性的问题