标签【网页特效代码-文字特效】新浪体育频道文字滚动特效代码

<style typ e="text/cs s">td{font-size: 12px;border-right:medium none;padding-right:0p x;border-top:medium none;padding-le ft:0px;padding-b ottom:0p x;margin:0px;border-le ft:me dium none;paddding-top:0px;border-bottom:medium none

}

.NUM 1 {co lor:#fff;width:80px;height:22px;cursor:pointer;}

.NUM2{co lor:#fff;width:80p x;he ight:22px; curso r:po inter;backgro und:url(/te ixiao/Up loa dFile s_4612/200902/20090226095740919.gif)no-repeat;w idth:80px;}

.num{te xt-a lign:ce nter;b ackground:url(/te ixiao/Up loadF iles_4612/200902/20090226095740898.jpg)no-re peat;margin-le ft:1 p x;fo nt-we ight:bo ld; fo nt-fami ly:S imHe i;width:318 px;height:22px;overflow:hidden;}

.num{*p o s it io n:re la t ive; top:-1 px;}

#main a:link{c o lor:#000; text-decoration:none;}

#main a:vis ited{colo r:#000; text-decoration:no ne;}

#main a:hover{c olor:#000; text-decoration:none;}

#main{line-he ight:14 p x;}

#main.title a:link{co lor:#f00; te xt-decoration:no ne;}

#main.title a:visited{color:#f00; text-decoration:none;}

#main.title a:hover{c olor:#f00; text-decoration:none;}

</style>

<div style="z-index: 10;he ight:22px;overflow:hidden;">

<table cellsp acing=0 cellpadding=0 width=22>

<tb o dy>

<tr>

<td>

<table cellspacing=0 class="num">

<tbody>

<tr>

<td width=0 style="disp lay:none;"><img id="upbtn" style="cursor:pointer"></td></tr>

<tr>

<td id="led1"class="NUM2"onclick="javascript:slideTo(1);">1</td>

<td id="led2"class="NUM 1"onclick="j avascript:slideTo(2);">2</td>

<td id="led3"clas s="NUM1"onclick="javascript:slideTo(3);">3</td>

<td id="led4" clas s="NUM1"onclick="javascript:slideTo(4);">4</td>

</tr>

</tbody>

</tab le></td>

</tr>

</tbody>

</tab le>

</d iv>

<div id="main" style="o verflo w:hidden;width:320px;pos ition:relative;he ight:85 px;">

<div id="f1" style="z-index: 10; le ft:0px;width:

320px;pos itio n: absolute; top:0px;he ight:85 px;">

<!--第1标签开始-->

<div style="width:308px;padding:5px;height:75 px;margin-left:1px;backgro und:url(/te ixiao/Up loa dFile s_4612/200902/20090226095741656.jpg)no-repeat;cur sor:p ointe r;">

<div style="flo at:le ft;width:195px;padding:3px 003px;">

<div style="color:#f30;font-weight:bold;margin-bottom:8px;"class="title"><ahre f="http://www.wa ngyeb a.co m/" tar get="_b la nk">詹姆斯全力以赴</a></div><div><a href="http://www.wangyeba.com/" target="_b lank">竞猜赛事结果上传LBJ精彩动作评论比赛表现都有机会赢取L BJ运动装备大奖. . .</a></div>

</d iv>

</d iv>

<!--第1标签结束-->

</d iv>

<div id="f2" style="z-index: 10; le ft:0p x;width:320px;position: absolute; top:85px;height:85px">

<!--第2标签开始-->

<div style="width:308px;padding:5px;height:75px;margin-left:1px;backgro und:url(/te ixiao/Up lo adFil es_4612/200902/20090226095741656.jpg)no-rep e at;c ursor:point er;">

<div style="float:left;width:195px;padding:3px 003px;">

<div style="co lor:#f30;font-we ight:bo ld;margin-botto m:8p x;"c lass="title"><a hre f="http://www.wangyeba.co m/" target="_blank">LB J6详尽测评</a></d iv>

<div><a hre f="http://www.wangyeba.com/" targe t="_b lank">在整个LBJ签名系列里,仅次于LB J2的签名球鞋.他在舒适性上完全可以同LBJ2相媲美.比起2代,只有那么一点点的不足. . .</a></d iv>

</d iv>

</d iv>

<!--第2标签结束-->

</d iv>

<div id="f3" style="z-index: 10; le ft:0p x;width:320px;pos ition:abs o lute; top: 170px;he ight:85px">

<!--第3标签开始-->

<div style="width:308px;padding:5 px;height:75px;margin-le ft:1 px;background:url(/te ixiao/Up loadF iles_4612/200902/20090226095741656.jpg)no-rep e at;curs o r:p o inter;">

<div style="float:left;width:195px;padding:3px 003px;">

<div style="co lor:#f30;font-we ight:b old;margin-bottom:8 px;" class="title"><ahre f="http://www.w angye ba.com" targe t="_b lank">免费篮球馆</a></div>

<div><a href="http://www.wangyeba.com" target="_b lank">京城一流室内篮球馆免费开放新浪篮球体验周火热启动. . .</a></d iv>

</d iv>

</d iv>

<!--第3标签结束-->

</d iv>

<div id="f4" style="z-index: 10; le ft:0px;width:320px;position: abso lute; top:255px;height:85px;">

<!--第4标签开始-->

<div style="width:308px;padding:5p x;he ight:75px;margin-le ft:1 p x;backgro und:url(/te ixia o/Up l oadFiles_4612/200902/20090226095741656.jpg)no-rep e at;c urso r:p o inter;">

<div style="float:left;width:195 px;p adding:3px 003px;">

<div style="c o lor:#f30; fo nt-we ight:bo ld;margin-bottom:8p x;"c lass="title"><ahre f="http://www.wangyeb a.co m" targe t="_b lank">詹姆斯有奖征文</a></d iv><div><a hre f="http://www.wangyeba.com" target="_blank">NBA名人堂连续8周关注勒布朗詹姆斯跟踪骑士队比赛竞猜评论赢取运动装备. . .</a></d iv>

</d iv>

</d iv>

<!--第4标签结束-->

</d iv>

</d iv>

</td>

</tr>

</tbody>

</tab le>

<script language="javascript" typ e="text/javascript">

//<! [C DA T A[var curFrame=1;//当前标签var frame he ight=85; //单层高度var speed=5; //滚动速度var wa it T ime=4000; //自动播放间隔时间var scro llItv;var autoItv;var ma ind iv=docume nt.ge tEl eme ntB yId("ma in");auto Itv=s etInt erva l(auto S lide,wa itT ime);function s lideTo(id){curF r ame=id;var c urTop=ma ind iv.scro llTop;var tar Top=frame he ight*(id-1);var s tep=curT op>ta rTop?-sp e e d:sp e e d;c le arI nterv a l(a uto I tv);c learInterva l(s crollItv);scro ll Itv=setInterva l(functio n(){ma ind iv.sc ro llT op+=step;if(Math.ab s(ma ind iv.sc r ollTo p-tarTop)<speed){c learInterva l(s crollItv);ma ind iv.scr o llTo p=tar Top;aut o Itv=set Interva l(a uto S lide,wa it T ime);

}

},20);for(i=1;i<=4;i++){document.getElementById('led'+i).c la ssName='NUM 1';

}docume nt.ge tEle me ntB yId('led'+curFrame).c la ssN ame='NUM2';}functio n auto Slide(){if(c urFrame<4){c urFra me++;}e lse{c urF ra me=1;}slide To(curFrame);

}

//]]>

</script>

291911320