單行的JS文字滾動條_文本鏈接特效

文字在一行的文字滾動效果，不間斷無縫滾動，效果很好，不過有一點不太好，就是用JS輸出了表格，好像修改起來不方便，特別是對JS不太熟的朋友。

<html>
<head>
<title>單行的JS文字滾動條</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]="標題|說明|網址"
message[0]="mb5u.com|mb5u.com是一個學習型源碼站"
message[1]="模板無憂|模板無憂歡迎您！"
message[2]="今天有更新了|今天有更新，請注意查看！"
// 卷軸高
  var scrollerheight=25
// 標題寬
  var titlezonewidth=80
// 說明寬
  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 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>

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

[收藏][報錯][返回列表]

相關文本鏈接特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

單行的JS文字滾動條_文本鏈接特效

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

文本鏈接特效推薦

猜你也喜歡看這些