單行的JS文字滾動(dòng)條_文本鏈接特效

文字在一行的文字滾動(dòng)效果，不間斷無(wú)縫滾動(dòng)，效果很好，不過有一點(diǎn)不太好，就是用JS輸出了表格，好像修改起來(lái)不方便，特別是對(duì)JS不太熟的朋友。

<html>
<head>
<title>單行的JS文字滾動(dòng)條</title>
<meta http-equiv="mrc-Type" mrc="text/html;charset=gb2312">
<STYLE>A {
  COLOR: #aa0000
  }
  A:hover {
  COLOR: #ff0000
  }
</STYLE>
</head>
<body onload="initiate()">
<SCRIPT language="JavaScript1.2">
var message= new Array()
// message[indexnumber]="標(biāo)題|說(shuō)明|網(wǎng)址"
message[0]="mb5u.com|mb5u.com是一個(gè)學(xué)習(xí)型源碼站"
message[1]="模板無(wú)憂|模板無(wú)憂歡迎您！"
message[2]="今天有更新了|今天有更新，請(qǐng)注意查看！"
// 卷軸高
  var scrollerheight=25
// 標(biāo)題寬
  var titlezonewidth=80
// 說(shuō)明寬
  var copyzonewidth=340
// 距離窗口頂
  var scrollertop=20
// 距離窗口左
  var scrollerleft=20
var scrollerborder=2
// 標(biāo)題背景色
  var titlezonebg="330066"
// 文字的背景色
  var copyzonebg="CC0000"
// 卷軸的背景色
  var scrollbg="AAAAAA"
// 目標(biāo)窗口
  var targetlink="_blank"
// 標(biāo)題的字體屬性
  var font_titleface="宋體"
  var font_titlecolor="FFFFFF"
  var font_titlesize=2
// 說(shuō)明的字體屬性
  var font_copyface="宋體"
  var font_copycolor="FFFFFF"
  var font_copysize=2
// s設(shè)置 1 標(biāo)題為粗體, 0 為正常
  var titlebold=1
// 說(shuō)明
  var copybold=1
// 設(shè)置 'right', 'left' or 'center' 標(biāo)題對(duì)齊方式
  var titlealign="right"
// 說(shuō)明
  var copyalign="left"
// 停頓時(shí)間
  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 mrctext
  var mrcbg=""
var step=1
  var pause=20
if (titlebold==1) {
  pre_titlebold="<b>"
  after_titlebold="</b>"
  }
  else if (titlebold==0) {
  pre_titlebold=""
  after_titlebold=""
  }
if (copybold==1) {
  pre_copybold="<b>"
  after_copybold="</b>"
  }
  else if (copybold==0) {
  pre_copybold=""
  after_copybold=""
  }
function initiate() {
  mes_joined=message[i_message]
  mes_split=mes_joined.split("|")
  mrctext="<table cellpadding=4 cellspacing=0 border=0>"
  mrctext+="<tr valign='top'>"
  mrctext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
  mrctext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
  mrctext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
  mrctext+=pre_titlebold
  mrctext+=mes_split[0]
  mrctext+=after_titlebold
  mrctext+="</font></a></td>"
  mrctext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
  mrctext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
  mrctext+=pre_copybold
  mrctext+=mes_split[1]
  mrctext+=after_copybold
  mrctext+="</font></td></tr>"
  mrctext+="</table>"
  var bg_width=titlezonewidth+copyzonewidth+2*scrollerborder
  var bg_height=scrollerheight+2*scrollerborder
  mrcbg="<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=mrctext
  scrollerbg.innerHTML=mrcbg
  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(mrctext)
  document.scrollertext.document.close()
  document.scrollerbg.document.write(mrcbg)
  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()
  }
  }
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)
  }
  }
  }
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()
  }
  }
  }
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
  mrctext="<table cellpadding=4 cellspacing=0 border=0>"
  mrctext+="<tr valign='top'>"
  mrctext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
  mrctext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
  mrctext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
  mrctext+=pre_titlebold
  mrctext+=mes_split[0]
  mrctext+=after_titlebold
  mrctext+="</font></a></td>"
  mrctext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
  mrctext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
  mrctext+=pre_copybold
  mrctext+=mes_split[1]
  mrctext+=after_copybold
  mrctext+="</font></td></tr>"
  mrctext+="</table>"
  if (document.all) {
  scrollertext.innerHTML=mrctext
  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(mrctext)
  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()
  }
  }
</SCRIPT>
<DIV id="scrollerbg" style="POSITION: absolute; TOP: -1000px"></DIV>
<DIV id="scrollertext" style="POSITION: absolute; TOP: -1000px"></DIV>
</body>
</html>

所屬頻道：文本鏈接特效/更新時(shí)間：2012-12-21

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)文本鏈接特效：

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索單行的JS文字滾動(dòng)條
特效說(shuō)明：
文本鏈接模板-單行的JS文字滾動(dòng)條。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

單行的JS文字滾動(dòng)條_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些