JavaScript 图片滚动（绝对酷）

<style><!--
table
{border-top-width:0px;
padding-right:0px;
padding-left:0px;
border-left-width:0px;
border-bottom-width:0px;
padding-bottom:0px;
margin:0px;
padding-top:0px;
border-right-width:0px}
body
{padding-right:0px;
padding-left:0px;
font-size:12px;
background:#fff;
padding-bottom:5px;
color:#333;
padding-top:5px;
font-family:""}
td
{font-size:12px}
.f12
{font-size:12px}
a
{text-decoration:underline}
a:link
{color:#0051b4}
a:visited
{color:#333}
a:hover
{color:#f00}
a:active
{color:#f00}
.F14lists
{line-height:23px}
.F14lists ul
{padding-right:3px;
padding-left:3px;
padding-bottom:0px;
padding-top:0px}
.F14lists li
{padding-left:2px;
font-size:14px;
vertical-align:bottom}
.F14lists li span
{font-size:9px;
color:#533826}
.FixTitle a:link
{color:#0736aa;
text-decoration:none}
.FixTitle a:visited
{color:#0736aa;
text-decoration:none}
.FixTitle a:hover
{text-decoration:underline}
.FixTitle
{border-right:#a2d1ff 1px solid;
border-top:#a2d1ff 1px solid;
overflow:hidden;
border-left:#a2d1ff 1px solid;
line-height:24px;
border-bottom:#a2d1ff 1px solid;
height:24px}
.FixTitle h3
{padding-left:30px;
font-size:14px;
float:left;
color:#0736aa}
.FixTitle span
{padding-right:5px;
float:right}
.RForm
{padding-right:10px;
padding-left:10px;
padding-bottom:10px;
padding-top:10px}
.RForm dt
{line-height:23px}
.RformB
{padding-left:10px}
.blk_29
{border-right:#a1d2fd 1px solid;
padding-right:0px;
border-top:#a1d2fd 0px solid;
padding-left:0px;
padding-bottom:10px;
overflow:hidden;
border-left:#a1d2fd 1px solid;
padding-top:10px;
border-bottom:#a1d2fd 1px solid;
zoom:1;
position:relative}
.blk_29 .LeftBotton
{left:5px;
float:left;
width:11px;
position:absolute;
top:10px;
height:114px}
.blk_29 .RightBotton
{right:5px;
float:right;
width:11px;
position:absolute;
top:10px;
height:114px}
.blk_29 .Cont
{margin:0px auto;
overflow:hidden;
width:888px;
padding-top:5px}
.blk_29 .box
{float:left;
width:152px;
text-align:center}
.blk_29 .box img
{border-right:#add2fc 1px solid;
padding-right:3px;
border-top:#add2fc 1px solid;
display:block;
padding-left:3px;
background:#fff;
padding-bottom:3px;
margin:0px auto;
border-left:#add2fc 1px solid;
padding-top:3px;
border-bottom:#add2fc 1px solid}
.blk_29 .box a:hover img
{border-right:#5385cc 1px solid;
border-top:#5385cc 1px solid;
border-left:#5385cc 1px solid;
border-bottom:#5385cc 1px solid}
.blk_29 .box p
{margin:6px auto 0px;
width:97px;
line-height:20px}
.rollphotos
{margin-top:10px;
width:950px}
.partC
{margin-top:10px;
overflow:auto;
width:950px}
.partC .PC_left
{overflow:auto;
width:470px}
.partC .PC_right
{overflow:auto;
width:470px}
.partC .PC_left
{float:left}
.partC .PC_right
{float:right}
.PT_mix
{border-right:#a2d1ff 1px solid;
padding-right:0px;
border-top:#a2d1ff 0px solid;
padding-left:0px;
background:#f3fbfe;
padding-bottom:10px;
overflow:auto;
border-left:#a2d1ff 1px solid;
padding-top:0px;
border-bottom:#a2d1ff 1px solid}
.PhoTxt
{margin-top:10px;
display:inline;
float:left;
margin-left:10px;
overflow:auto;
width:220px}
.PhoTxt img
{border-right:#ccc 1px solid;
padding-right:3px;
border-top:#ccc 1px solid;
padding-left:3px;
background:#fff;
float:left;
padding-bottom:3px;
border-left:#ccc 1px solid;
margin-right:5px;
padding-top:3px;
border-bottom:#ccc 1px solid}
.PhoTxt h1
{font-weight:bold;
font-size:12px;
line-height:23px}
.PhoTxt p
{color:#545454;
line-height:20px}
--></style>
<div align="center">
<div class="rollphotos">
<div class="FixTitle">
<h3>
旅游风景名胜
</h3>
<span><a href="/" target="_blank">更多&gt;&gt;</a></span>
</div>
<div class="blk_29">
<div class="LeftBotton" id="LeftArr">
</div>
<div class="Cont" id="ISL_Cont_1">
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s1.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">中国北京</a>
</p>
</div>
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s2.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">生态旅游区</a>
</p>
</div>
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s3.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">奥运馆场</a>
</p>
</div>
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s4.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">瑞典山脉</a>
</p>
</div>
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s5.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">体育旅游</a>
</p>
</div>
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s5.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">福建武山</a>
</p>
</div>
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s6.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">中国张家界</a>
</p>
</div>
<div class="box">
<a class="imgBorder" href="/" target="_blank"><img height="84" src="/jscss/demoimg/wall_s7.jpg" width="124" border="0" alt="" /></a>
<p>
<a href="/" target="_blank">奥运开幕式</a>
</p>
</div>
</div>
<div class="RightBotton" id="RightArr">
</div>
</div>
</div>
</div>