图片左右滚动代码

来源：互联网发布：淘宝上卖散装白酒编辑：程序博客网时间：2024/05/09 15:19

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GB2312" /><title>图片滚动</title><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">a { color:#213f71; font-size:9pt; text-decoration:none; }a:hover { color:#0066cc; }.blk_18 { overflow:hidden; zoom:1; font-size:9pt; border:1px solid #e3e3e3; background:#eee; width:692px; margin-top:8px; }.blk_18 .pcont { width:638px; float:left; overflow:hidden; padding-left:5px; }.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px; }.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }.blk_18 .LeftBotton, .blk_18 .RightBotton { width:15px; height:74px; float:left; background:url(ax.gif) no-repeat; }.blk_18 .LeftBotton { background-position: 0 0; margin:8px 5px 0; }.blk_18 .RightBotton { background-position: 0 -100px; margin:8px 1px 10px 5px; }.blk_18 .LeftBotton:hover { background-position: -20px 0; }.blk_18 .RightBotton:hover { background-position: -20px -100px; }.blk_18 .pl img { display:block; cursor:pointer; border:none; margin:6px auto 1px auto; }.blk_18 .pl { width:105px; border:1px solid #f3f3f3; float:left; float:left; text-align:center; line-height:24px; }.blk_18 a.pl:hover { border:1px solid #5dacec; color:#5dacec; background:#fff; }</style><mce:script type="text/javascript"></mce:script></head><body><center><div class="blk_18"> <a class="LeftBotton" onmousedown="ISL_GoUp_1()" onmouseup="ISL_StopUp_1()" onmouseout="ISL_StopUp_1()" href="javascript:void(0);" mce_href="javascript:void(0);" target="_self"></a> <div class="pcont" id="ISL_Cont_1"> <div class="ScrCont"> <div id="List1_1">  <a class="pl" href="#" mce_href="#" ><img src="wall_s1.jpg" mce_src="wall_s1.jpg" alt="模板王" width="96" height="72"/>图片一</a> <a class="pl"href="#"> <img src="wall_s2.jpg" mce_src="wall_s2.jpg" alt="模板王" width="96" height="72"/>图片二</a> <a class="pl" href="#" mce_href="#"><img src="wall_s3.jpg" mce_src="wall_s3.jpg" alt="李宇春"width="96" height="72"/>图片三</a> <a class="pl" href="#" mce_href="#"><img src="wall_s4.jpg" mce_src="wall_s4.jpg" alt="模板王" width="96" height="72"/>图片四</a> <a class="pl" href="#" mce_href="#"><img src="wall_s5.jpg" mce_src="wall_s5.jpg" alt="美女啊" width="96" height="72"/>图片五</a> <a class="pl" href="#" mce_href="#"><img src="wall_s6.jpg" mce_src="wall_s6.jpg" alt="模板王" width="96" height="72"/>图片六</a> <a class="pl" href="#" mce_href="#"><img src="wall_s7.jpg" mce_src="wall_s7.jpg" alt="春哥" width="96" height="72"/>图片七</a> <a class="pl" href="#" mce_href="#" ><img src="wall_s8.jpg" mce_src="wall_s8.jpg" alt="火影" width="96" height="72"/>图片八</a> <a class="pl" href="#" mce_href="#" ><img src="wall_s9.jpg" mce_src="wall_s9.jpg" alt="模板王" width="96" height="72"/>图片九</a>  </div> <div id="List2_1"></div> </div> </div> <a class="RightBotton" onmousedown="ISL_GoDown_1()" onmouseup="ISL_StopDown_1()" onmouseout="ISL_StopDown_1()" href="javascript:void(0);" mce_href="javascript:void(0);" target="_self"></a> </div><div class="c"></div><mce:script type="text/javascript"></mce:script></center> </body></html>