0顶

文字链接定时向上滚动

稿源：互联网 2022-07-20 21:02:23 点击： 1064 撤稿纠错

文字链接定时向上滚动特效，常用于公告栏显示。

以下讨论的是和相关的文字链接定时向上滚动教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<HTML>
<HEAD>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<TITLE>链接滚动效果，sky整理收集，站长特效欢迎您。</TITLE>
<SCRIPT language=JavaScript1.2>
var message= new Array()
// message[indexnumber]="标题|说明|网址"
message[0]="站长特效一号|专注于网页特效及广告代码|<#ZC_BLOG_HOST#>?cat=6"
message[1]="站长特效二号|供站长和js爱好者参考|http://www.zzjs.net"
message[2]="站长特效三号|打造国内最帅的网页特效站|<#ZC_BLOG_HOST#>?cat=8"
// 卷轴的高
var scrollerheight=20
// 标题宽
var titlezonewidth=90
// 说明宽
var copyzonewidth=340
// 距离窗口顶
var scrollertop=20
// 距离窗口左
var scrollerleft=20
var scrollerborder=2
// 标题背景色
var titlezonebg="330066"
// 文字的背景色
var copyzonebg="CC0000"
// 卷轴的背景色
var scrollbg="AAAAAA"
// 目标窗口
var targetlink="_blank"
// 标题的字体属性
var font_titleface="宋体"
var font_titlecolor="FFFFFF"
var font_titlesize=2
// 说明的字体属性
var font_copyface="宋体"
var font_copycolor="FFFFFF"
var font_copysize=2
// s设置 1 标题为粗体,  0 为正常
var titlebold=1
// 说明
var copybold=1
// 设置 'right', 'left' or 'center' 标题对齐方式
var titlealign="right"
// 说明
var copyalign="left"
// 停顿时间
var standstill=4000
var pre_titlebold
var after_titlebold
var pre_copybold
var after_copybold
var cliptop=0
var clipbottom=0
var clipleft=0
var clipright=titlezonewidth+copyzonewidth
var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg=""
var step=1
var pause=20
if (titlebold==1) {
    pre_titlebold="<b>"
    after_titlebold="</b>"
}
else if (titlebold==0) {
    pre_titlebold=""
    after_titlebold=""
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if (copybold==1) {
    pre_copybold="<b>"
    after_copybold="</b>"
}
else if (copybold==0) {
    pre_copybold=""
    after_copybold=""
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function initiate() {
        mes_joined=message[i_message]
        mes_split=mes_joined.split("|")
        contenttext="<table cellpadding=4 cellspacing=0 border=0>"
        contenttext+="<tr valign='top'>"
        contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
        contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
        contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
        contenttext+=pre_titlebold
        contenttext+=mes_split[0]
        contenttext+=after_titlebold
        contenttext+="</font></a></td>"
        contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
        contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
        contenttext+=pre_copybold
        contenttext+=mes_split[1]
        contenttext+=after_copybold
        contenttext+="</font></td></tr>"
        contenttext+="</table>"
        var bg_width=titlezonewidth+copyzonewidth+2*scrollerborder
        var bg_height=scrollerheight+2*scrollerborder
        contentbg="<table width="+bg_width+" height='"+bg_height+"' cellpadding=0 cellspacing=0 border='"+scrollerborder+"'><tr><td bgcolor='"+scrollbg+"'> </td></tr></table>"
    if (document.all) {
        scrollertext.innerHTML=contenttext
        scrollerbg.innerHTML=contentbg
        document.all.scrollertext.style.posTop=scrollertop+scrollerheight
        document.all.scrollertext.style.posLeft=scrollerleft
        document.all.scrollerbg.style.posTop=scrollertop-scrollerborder
        document.all.scrollerbg.style.posLeft=scrollerleft-scrollerborder
        document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollin()
    }
    if (document.layers) {
        document.scrollertext.document.write(contenttext)
        document.scrollertext.document.close()
        document.scrollerbg.document.write(contentbg)
        document.scrollerbg.document.close()
        document.scrollertext.top=scrollertop+scrollerheight
        document.scrollertext.left=scrollerleft
        document.scrollerbg.top=scrollertop-scrollerborder
        document.scrollerbg.left=scrollerleft-scrollerborder
        document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
        scrollin()
    }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function scrollin(){
    if (document.all){
        if (document.all.scrollertext.style.posTop>scrollertop) {
            clipbottom+=step
            document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            document.all.scrollertext.style.posTop-=step
            var timer=setTimeout("scrollin()",pause)
        }
        else {
            clearTimeout(timer)
            var timer=setTimeout("scrollout()",standstill)
        }
    }
    if (document.layers){
        if (document.scrollertext.top>scrollertop) {
            clipbottom+=step
            document.scrollertext.clip.left=clipleft
            document.scrollertext.clip.right=clipright
            document.scrollertext.clip.top=cliptop
            document.scrollertext.clip.bottom=clipbottom
            document.scrollertext.top-=step
            var timer=setTimeout("scrollin()",pause)
        }
        else {
            clearTimeout(timer)
            var timer=setTimeout("scrollout()",standstill)
        }
    }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function scrollout(){
    if (document.all){
        if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)) {
            cliptop+=step
            document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
            document.all.scrollertext.style.posTop-=step
            var timer=setTimeout("scrollout()",pause)
        }
        else {
            clearTimeout(timer)
            changemessage()
        }
    }
    if (document.layers){
        if (document.scrollertext.top>(scrollertop-scrollerheight)) {
            cliptop+=step
            document.scrollertext.clip.left=clipleft
            document.scrollertext.clip.right=clipright
            document.scrollertext.clip.top=cliptop
            document.scrollertext.clip.bottom=clipbottom
            document.scrollertext.top-=step
            var timer=setTimeout("scrollout()",pause)
        }
        else {
            clearTimeout(timer)
            changemessage()
        }
    }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function changemessage(){
        i_message++
        if (i_message>message.length-1) {i_message=0}
        mes_joined=message[i_message]
        mes_split=mes_joined.split("|")
        cliptop=0
        clipbottom=0
        contenttext="<table cellpadding=4 cellspacing=0 border=0>"
        contenttext+="<tr valign='top'>"
        contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
        contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
        contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
        contenttext+=pre_titlebold
        contenttext+=mes_split[0]
        contenttext+=after_titlebold
        contenttext+="</font></a></td>"
        contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
        contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
        contenttext+=pre_copybold
        contenttext+=mes_split[1]
        contenttext+=after_copybold
        contenttext+="</font></td></tr>"
        contenttext+="</table>"
    if (document.all) {
        scrollertext.innerHTML=contenttext
        document.all.scrollertext.style.posTop=scrollertop+scrollerheight
        document.all.scrollertext.style.posLeft=scrollerleft
        document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollin()
    }
    if (document.layers) {
        document.scrollertext.document.write(contenttext)
        document.scrollertext.document.close()
        document.scrollertext.top=scrollertop+scrollerheight
        document.scrollertext.left=scrollerleft
        document.scrollertext.clip.left=clipleft
        document.scrollertext.clip.right=clipright
        document.scrollertext.clip.top=cliptop
        document.scrollertext.clip.bottom=clipbottom
        scrollin()
    }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</SCRIPT>
<STYLE>A {
    COLOR: #aa0000
}
A:hover {
    COLOR: #ff0000
}
</STYLE>
</HEAD>
<BODY onload=initiate()>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<DIV id=scrollerbg style="POSITION: absolute; TOP: -1000px"></DIV>
<DIV id=scrollertext style="POSITION: absolute; TOP: -1000px"></DIV></BODY>
</HTML>

关于文字链接定时向上滚动的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016400263374.shtml方便下次再访问哦。

·上一篇： 鼠标经过链接网页显示十字架
·下一篇： 鼠标经过文字链接背景颜色改变js脚本

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

文字链接定时向上滚动

文章分类LIST >>返回首页

最新游戏

最新新闻