双行文字滚动效果-JS特效-爱易网页

双行文字滚动效果

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

以下是程序代码

<a href="<#ZC_BLOG_HOST#>?cat=4">◇ zzjs，站长js特效</a>

<a href="<#ZC_BLOG_HOST#>?cat=6">◇ 欢迎来到站长特效网</a>

<a href="<#ZC_BLOG_HOST#>?cat=3">◇ 哈哈，可做滚动新闻</a>

<a href="<#ZC_BLOG_HOST#>?cat=1">◇ 或者文字广告</a>

<a href="<#ZC_BLOG_HOST#>?cat=2">◇ zzjs.net，.net也精彩</a>

</div>
    </div>
<script type="text/javascript">
// <![CDATA[//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
 var textDat = textDiv.innerHTML;
 var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
 //var textUp2 = textDat.substr(0,br);
 textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
 textDiv.style.cssText = "position:absolute; top:0";
 var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
 newTop++;
 if(newTop<=divTop+40){
  textDiv.style.top = "-" + newTop + "px";
 }else{
  clearInterval(minTime);
  maxTime = setTimeout(MaxRoll,5000);
 }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function MaxRoll(){
 divTop = Math.abs(parseInt(textDiv.style.top));
 if(divTop>=0 && divTop<textDatH-40){
  minTime = setInterval(MinRoll,1);
 }else{
  textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
 }
}
// ]]>
</script>

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

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

双行文字滚动效果

相关资料更多>

推荐阅读更多>