单行的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

[收藏][报错][返回列表]

单行的JS文字滚动条_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些