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

缂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣捣閻棗霉閿濆牜鍤夋繛宸簼閺呮繈鏌涚仦鐐殤闁告梻鏁哥槐鎾存媴閹绘帊澹曢梻浣侯攰娴滎剟顢楅·鐛礛S闂傚倸鍊峰ù鍥х暦閻㈢ǹ绐楅柟鎵閸嬶繝鏌曟径鍫濆壔婵炴垶菤閺€浠嬫倵閿濆啫濡烽柛瀣崌瀹曟帡鎮欓弻銉ユ暪闂備礁鎼ú銊╁磻閻愮儤鍊垫い鎺嗗亾闁宠鍨块幃娆撳矗婢舵ɑ锛侀梻浣规偠閸斿酣宕伴弽褜鍤曞┑鐘崇閺呮悂鏌ㄩ悤鍌涘婵犵數濮烽弫鎼佸磻閻愬搫鍨傞悹杞拌濞兼牠鎮峰▎蹇擃伀闁绘繂鐖奸弻娑㈠焺閸愵亖妲堥梺缁樻尰閿曘垽寮婚垾鎰佸悑閹肩补鈧磭顔戦梻浣瑰▕閺€杈╂暜閿熺姴钃熼柕濞炬櫆閸嬪棝鏌涚仦鍓р槈妞ゅ骏鎷� 缂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘ｅ亾閽樻繈姊洪鈧粔瀵哥玻濡ゅ懏鐓欓梺顓ㄧ畱婢ч箖鏌ら弶鎸庡仴闁哄本鐩俊鐑筋敊閻撳寒娼荤紓鍌欒閸嬫挸顭块懜闈涘闁绘挸鍟撮弻鏇熷緞閸繂顬夐梺缁樼箥娴滎亪寮婚敐鍛斀闁圭偓娼欓锟� 闂傚倸鍊搁崐鎼佸磹妞嬪孩顐介柨鐔哄Т绾惧鏌涢弴銊ョ€柛銉ｅ妽缂嶅洭鏌嶉崫鍕殶妞わ富鍨辩换婵嬪閿濆棛銆愰梺鍝勭墱閸撶喎鐣峰Δ鈧オ浼村醇閻斿搫骞愰梻浣规偠閸庮垶宕濆澶嬪剭闁硅揪闄勯埛鎺戭熆鐠虹尨鍔熼弫鍫ユ⒑閸濆嫯顫﹂柛濠冪墪宀ｈ儻绠涘☉妯溾晠鏌ㄩ弮鍌滃笡妞ゃ儲绋撶槐鎾诲磼濞嗘垵濡介梺鍝ュ仜椤兘鐛箛娑欐櫢闁跨噦鎷� 闂傚倸鍊搁崐椋庣矆娓氣偓楠炴牠顢曢敃鈧悿顕€鏌ｅΔ鈧悧濠囧矗韫囨稒鐓欑紓浣靛灩閺嬫稒淇婇悙鎵煓闁哄备鈧剚鍚嬮幖绮光偓鑼晼闂備礁鎲￠〃鍡欏枈瀹ュ洦宕叉繛鎴欏灩楠炪垺淇婇婵愬殭闂傚绉撮埞鎴︻敋閸℃瑧蓱闂佸憡姊归〃濠囧春閳ь剚銇勯幒鎴濇灓婵炲吋鍔欓弻鐔碱敊閼测晛鐓熼悗瑙勬礃濞茬喖寮婚崱妤婂悑闁告侗鍨抽崢顒勬⒒娴ｈ姤纭堕柛锝忕畵楠炲繘鏁撻敓锟�,闂傚倸鍊搁崐宄懊归崶顒佸剭妞ゆ劧绠戠粈瀣亜閹扳晛鐏╃悮姗€姊绘担绛嬪殭婵﹫绠撻敐鐐村緞鐎ｎ剛顔曟繝鐢靛Т閸嬪棝宕甸弴銏＄厱妞ゆ劧绲剧粈鈧紓浣插亾闁告劏鏂傛禍婊堟煛閸屾氨浠㈤柟顔藉灦閵囧嫯绠涢弴鐐寸€剧紓浣虹帛閻╊垶鐛€ｎ喗鍊烽柡澶嬪灩濞堛倝姊绘担鍛靛綊顢栭崱娑樼闁搞儜灞剧稁闂佸憡绻傜€氀囧几鎼淬劍鐓欐い鏍ф鐎氼喗绂嶉鍫熲拻濞达絽鎲￠崯鐐烘煟閻旀潙鍔ら柟骞垮灩铻ｅ〒姘煎灠濞堛劍绻濋悽闈浶ｇ痪鏉跨Ч瀵煡骞栨担鍦弳闂佺粯娲栭崐鍦偓姘炬嫹!

文字在一行的文字滚动效果，不间断无缝滚动，效果很好，不过有一点不太好，就是用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订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些