文字的随机伸缩变化-JS特效-爱易网页

文字的随机伸缩变化

日期：2014-05-18　浏览次数：20318 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<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">
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;

<!-- Begin

//  End -->
</script>
<div id="menucont">
  
  <a href="#" id="a1" class="menulinks">拉登可能已被炸死 塔利班欲降遭拒</a>

<a href="#" id="a2" class="menulinks">万米高空驾机遇险 我空军飞行员安全着陆 </a>

<a href="#" id="a3" class="menulinks">张家界建“世界第一电梯” 明年元旦试运行 </a>

<a href="#" id="a4" class="menulinks">辽宁首例注射死刑 5大具体行刑细节被揭开</a>

<a href="#" id="a5" class="menulinks">怕拉登割须剃发出逃 飞机喊话重金悬赏捉拿 </a>

<a href="#" id="a6" class="menulinks">“撞人”事件有隐情</a>

<a href="#" id="a7" class="menulinks">李连杰当时并未在车中</a>
</div>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

文字的随机伸缩变化

相关资料更多>

推荐阅读更多>