当前位置:编程学习 > JS >>

走马灯效果的链接提示

走马灯效果的链接提示,大家的需求不一样,因此可能有朋友会喜欢这样的链接提示,用到的话,再好好美化一下,其实效果还是不错的。
答案:<title>走马灯效果的链接提示</title>
<center>
<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">鼠标放过来~</a>
</center>
<div id="prem_hint" style="position:relative; visibility:hidden;color:FF9900" class="prem_hint">质量源码</div>
<SCRIPT LANGUAGE="JavaScript">
window.onerror = null;
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS4 = (bName == "Netscape"  &&  bVer >= 4);
 var IE4 = (bName == "Microsoft Internet Explorer"
  &&  bVer >= 4);
 var NS3 = (bName == "Netscape"  &&  bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer"
  &&  bVer < 4);
 var scroll_length = 150;
 var time_length =50;
 var begin_pos = 200;
 var i;
 var j;
if (NS4 || IE4) {
 if (navigator.appName == "Netscape") {
 layerStyleRef="layer.";
 layerRef="document.layers";
 styleSwitch="";
 }else{
 layerStyleRef="layer.style.";
 layerRef="document.all";
 styleSwitch=".style";
 }
}

function Scroll(layerName){
if (NS4 || IE4) {
 if (NS4 || IE4) {
 if(i<(begin_pos+scroll_length)){
 eval(layerRef+'["'+layerName+'"]'+
 styleSwitch+'.visibility="visible"');
 eval(layerRef+'["'+layerName+'"]'+
 styleSwitch+'.left="'+i+'"');
 i++;
 j++;
 if(i==j){
 setTimeout("Scroll('"+layerName+"')",time_length);}
 }
 }
 }
}
function StopScroll(layerName)
{
i=begin_pos+scroll_length;
  eval(layerRef+'["'+layerName+'"]'+
  styleSwitch+'.left="'+i+'"');
  hideLayer(layerName);
}
function reset()
{
i=begin_pos;
j=i;
}
function hideLayer(layerName){
 if (NS4 || IE4) {
 eval(layerRef+'["'+layerName+'"]'+
 styleSwitch+'.visibility="hidden"');
 }
 }
</script>

上一个:JavaScript反转文字(按前后顺序颠倒)
下一个:炫彩的文字,基于JavaScript

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,