连续滚动图片代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[31,505,1] published at 2008-05-07 17:15:09 from #150 by system-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/* PartE */
.PartE{zoom:1;overflow:hidden;margin-top:6px;}
.PartE .P_Left{width:680px;float:left;overflow:hidden;margin:5px 0 0 8px;display:inline;padding-
right:11px;background:url(http://i2.sinaimg.cn/cj/deco/2008/0226/images/fina_mj_008.gif) repeat-y
100% 0;}
.PartE .P_Right{width:240px;float:left;overflow:hidden;margin:5px 0 0 6px;}
.PartE a{text-decoration:underline;}
.blk_29{zoom:1;overflow:hidden;}
.blk_29 .LeftBotton{width:32px;height:135px;float:left;background:url
(http://i1.sinaimg.cn/cj/deco/2008/0226/images/fina_mj_003.gif) no-repeat -295px -
330px;cursor:pointer;}
.blk_29 .RightBotton{width:30px;height:135px;float:left;background:url
(http://i1.sinaimg.cn/cj/deco/2008/0226/images/fina_mj_003.gif) no-repeat -345px -
330px;cursor:pointer;}
.blk_29 .Cont{width:880px;margin-left:1px;padding:15px 0;float:left;overflow:hidden;}
.blk_29 .ScrCont{width:10000000px;}
.blk_29 .box{width:112px;float:left;text-align:center;}
.blk_29 .box img{margin:0 auto;display:block;border:1px solid #646263;}
.blk_29 .box a:hover img{border:1px solid #5385cc;}
.blk_29 .box p{line-height:20px;width:97px;margin:6px auto 0;}
.blk_29 #List1_1,.blk_29 #List2_1{float:left;}
</style>
</head>
<div class="PartE">
<div class="blk_29">
<div class="LeftBotton" onmousedown="ISL_GoUp_1()" onmouseup="ISL_StopUp_1()"
onmouseout="ISL_StopUp_1()"></div>
<div class="Cont" id="ISL_Cont_1">
<div class="ScrCont">
<div id="List1_1">
<!-- 图片列表 begin -->
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0408/1953.html" target="_blank"><img
src="http://i3.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43060F651DT20080429154656.jpg" width="89"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0408/1953.html" target="_blank">中国企业家</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0421/1982.html" target="_blank"><img
src="http://i2.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43060F1538DT20080429154830.jpg" width="89"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0421/1982.html" target="_blank">环球企业家</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0403/1949.html" target="_blank"><img
src="http://i3.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43060F1539DT20080429154830.jpg" width="89"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0403/1949.html" target="_blank">商界评论</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0430/1998.html" target="_blank"><img
src="http://i2.sinaimg.cn/cj/pc/2008-04-30/32/U1658P31T32D43166F1538DT20080430222305.jpg" width="89"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0430/1998.html" target="_blank">英才</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0403/1950.html" target="_blank"><img
src="http://i3.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43063F651DT20080429155746.jpg" width="89"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0403/1950.html" target="_blank">中外管理</a></p>
</div>
<div class="box">
<a
href="http://tech.sina.com.cn/283/2008/0421/656.html" target="_blank"><img
src="http://i1.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43061F1538DT20080429155057.jpg" width="89"
height="120" alt="" /></a>
<p><a
href="http://tech.sina.com.cn/283/2008/0421/656.html" target="_blank">IT经理世界</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0409/1955.html" target="_blank"><img
src="http://i2.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43061F1539DT20080429155057.jpg" width="89"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0409/1955.html" target="_blank">当代经理人</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0430/2000.html" target="_blank"><img
src="http://i1.sinaimg.cn/cj/pc/2008-04-30/32/U1658P31T32D43166F651DT20080430222305.jpg" width="90"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0430/2000.html" target="_blank">经理人</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0409/1957.html" target="_blank"><img
src="http://i2.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43062F1538DT20080429155358.jpg" width="90"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0409/1957.html" target="_blank">当代金融家</a></p>
</div>
<div class="box">
<a
href="http://finance.sina.com.cn/265/2008/0417/1974.html" target="_blank"><img
src="http://i3.sinaimg.cn/cj/pc/2008-04-29/32/U1658P31T32D43062F1539DT20080429155358.jpg" width="90"
height="120" alt="" /></a>
<p><a
href="http://finance.sina.com.cn/265/2008/0417/1974.html" target="_blank">小康·财智</a></p>
</div>
<!-- 图片列表 end -->
</div>
<div id="List2_1"></div>
</div>
</div>
<div class="RightBotton" onmousedown="ISL_GoDown_1()" onmouseup="ISL_StopDown_1()"
onmouseout="ISL_StopDown_1()"></div>
</div>
<script language="javascript" type="text/javascript">
<!--//--><![CDATA[//><!--
//图片滚动列表 mengjia 070927
var Speed_1 = 10; //速度(毫秒)
var Space_1 = 10; //每次移动(px)
var PageWidth_1 = 112; //翻页宽度
var fill_1 = 8; //整体移位
var MoveLock_1 = false;
var MoveTimeObj_1;
var Comp_1 = 0;
var AutoPlayObj_1=null;GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML;GetObj
('ISL_Cont_1').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1);GetObj
("ISL_Cont_1").onmouseover=function(){clearInterval(AutoPlayObj_1)}
GetObj("ISL_Cont_1").onmouseout=function(){AutoPlay_1()}
AutoPlay_1();function GetObj(objName){if(document.getElementById){return eval
('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
function AutoPlay_1(){clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1
();ISL_StopDown_1();',5000)}
function ISL_GoUp_1(){if(MoveLock_1)return;clearInterval
(AutoPlayObj_1);MoveLock_1=true;MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1)}
function ISL_StopUp_1(){clearInterval(MoveTimeObj_1);if((GetObj('ISL_Cont_1').scrollLeft-fill_1)%
PageWidth_1!=0){Comp_1=fill_1-(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1);CompScr_1()}else
{MoveLock_1=false}
AutoPlay_1()}
function ISL_ScrUp_1(){if(GetObj('ISL_Cont_1').scrollLeft<=0){GetObj
('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft+GetObj('List1_1').offsetWidth}
GetObj('ISL_Cont_1').scrollLeft-=Space_1}
function ISL_GoDown_1(){clearInterval(MoveTimeObj_1);if(MoveLock_1)return;clearInterval
(AutoPlayObj_1);MoveLock_1=true;ISL_ScrDown_1();MoveTimeObj_1=setInterval('ISL_ScrDown_1
()',Speed_1)}
function ISL_StopDown_1(){clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_1').scrollLeft%
PageWidth_1-(fill_1>=0?fill_1:fill_1+1)!=0){Comp_1=PageWidth_1-GetObj('ISL_Cont_1').scrollLeft%
PageWidth_1+fill_1;CompScr_1()}else{MoveLock_1=false}
AutoPlay_1()}
function ISL_ScrDown_1(){if(GetObj('ISL_Cont_1').scrollLeft>=GetObj('List1_1').scrollWidth){GetObj
('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft-GetObj('List1_1').scrollWidth}
GetObj('ISL_Cont_1').scrollLeft+=Space_1}
function CompScr_1(){if(Comp_1==0){MoveLock_1=false;return}
var num,TempSpeed=Speed_1,TempSpace=Space_1;if(Math.abs(Comp_1)<PageWidth_1/2){TempSpace=Math.round
(Math.abs(Comp_1/Space_1));if(TempSpace<1){TempSpace=1}}
if(Comp_1<0){if(Comp_1<-TempSpace){Comp_1+=TempSpace;num=TempSpace}else{num=-Comp_1;Comp_1=0}
GetObj('ISL_Cont_1').scrollLeft-=num;setTimeout('CompScr_1()',TempSpeed)}else{if(Comp_1>TempSpace)
{Comp_1-=TempSpace;num=TempSpace}else{num=Comp_1;Comp_1=0}
GetObj('ISL_Cont_1').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)}}
//--><!]]>
</script>
</div>
</shtml>
浙公网安备 33010602011771号