Javascript面向对象轮播(方向左右)

<div class="artical-content-bak main-content editor-side-new">
<div class="con editor-preview-side" id="result">
 在上篇轮播（方向上下轮播）后感觉左右轮播也可以实现稍微改造下就可以了现在已经改造好了！也可以实现：代码如下：
 
 <pre class="blockcode"></pre>
 <ol class="dp-xml"><li class="alt"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </li><li><html xmlns="http://www.w3.org/1999/xhtml"> </li><li class="alt"><head> </li><li><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </li><li class="alt"><title>无标题文档</title> </li><li><style> </li><li class="alt">ul,li{ list-style:none;} </li><li>.scrollImg{ width:1200px; height:300; position:absolute; top:0; left:0;} </li><li class="alt">.scrollImg a{ width:400px; height:300px; overflow:hidden; display:block; float:left;} </li><li>.scrollImg img{ border:none;} </li><li class="alt">.ScrollWrap{ width:400px; height:300px; overflow:hidden;margin:50px auto 0; position:relative;} </li><li>.lists{ height:20px; position:absolute; top:255px; right:10px; z-index:100;*top:270px;} </li><li class="alt">.lists li{ width:20px; height:20px; border:1px solid orange; background:#fff; float:left; margin-right:4px; display:inline; text-align:center; line-height:20px; color:orange; cursor:pointer; font-weight:700;} </li><li>.lists li.current{ height:24px; line-height:24px; background:orange; color:#fff; width:24px; margin-top:-2px;} </li><li class="alt"></style> </li><li><script src="base.js" type="text/javascript"></script> </li><li class="alt"></head> </li><li> </li><li class="alt"><body> </li><li> <div class="ScrollWrap"> </li><li class="alt"> <div class="scrollImg"> </li><li> <a href="#"><img src="p_w_picpath/01.jpg" width="400" height="300"/></a> </li><li class="alt"> <a href="#"><img src="p_w_picpath/02.jpg" width="400" height="300"/></a> </li><li> <a href="#"><img src="p_w_picpath/03.jpg" width="400" height="300"</sp

Javascript面向对象轮播(方向左右)

浏览过的版块