链接的滚动说明-JS特效-爱易网页

链接的滚动说明

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

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

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

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; //The scroll length

var time_length =50; //Scroll delay in milliseconds

var begin_pos = 260; //Start position of scroll hint

var i=begin_pos;

var j=i;

var scroll_dir = "right"; // To scroll left use "left"

// To scroll right use "right"

//-----------------------------------------------------------

if (NS4 || IE4) {

if (navigator.appName == "Netscape") {

layerStyleRef="layer.";

layerRef="document.layers";

styleSwitch="";

}else{

layerStyleRef="layer.style.";

layerRef="document.all";

styleSwitch=".style";

}

//SCROLL

function Scroll(layerName)

{

if (NS4 || IE4)

{

if(scroll_dir=="right")

{

if(i<(begin_pos+scroll_length))

{

eval(layerRef+'["'+layerName+'"]'+

styleSwitch+'.visibility="visible"');

eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.left="'+(i)+'"');

i++;

j++;

}

if(scroll_dir=="left")

{

if(i>(begin_pos-scroll_length))

{

eval(layerRef+'["'+layerName+'"]'+

styleSwitch+'.visibility="visible"');

eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.right="'+(-i)+'"');

i--;

j--;

}

if(i==j)

{

setTimeout("Scroll('"+layerName+"')",time_length);

}

//STOP SCROLLING

function StopScroll(layerName)

{

if(scroll_dir=="right")

{

i=begin_pos+scroll_length;

eval(layerRef+'["'+layerName+'"]'+

styleSwitch+'.left="'+(i)+'"');

hideLayer(layerName);

}

if(scroll_dir=="left")

{

i=begin_pos-scroll_length;

eval(layerRef+'["'+layerName+'"]'+

styleSwitch+'.right="'+(-i)+'"');

hideLayer(layerName);

}

function reset()

{

i=begin_pos;

j=i;

}

// HIDE HINT

function hideLayer(layerName)

{

if (NS4 || IE4)

{

eval(layerRef+'["'+layerName+'"]'+

styleSwitch+'.visibility="hidden"');

}

//  End -->

</script>
<a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">爱易网</a>

<b>全部是javascript的各种资源</b>

</div>

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

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

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

链接的滚动说明

相关资料更多>

推荐阅读更多>