jQuery slider Content (left and right control movement)_jquery

Nice effect. Many text ads can be controlled this way.

<style type="text/css"> ul,li{ display:block; } li{ width:150px; float:left; } #content { width: 2030px; margin-left: 0px; } #slider { margin-left: 40px; overflow: hidden; } #leftA { display: block; float: left; left: 10px; top: 5px; position: absolute; background-image: url(); } #rightA { display: block; float: right; right: 10px; top: 5px; position: absolute; background-image: url(); } </style> <div class="title_bar"> <a id="leftA" href="javascript:void(0);"> </a> <div id="slider"> left <div id="content"> <ul id="Ul1" class="tab_nav" style="margin-left: 0px; margin-right: 0px;"> <li id="gaom1" class="menuon"> </li> <li id="gaom2" class="menuoff"> Basic information</li> <li id="gaom3" class="menuoff"> Basic information</li> <li id="gaom4" class="menuoff"> Basic information</li> <li id="gaom5" class="menuoff"> Basic information</li> <li id="gaom6" class="menuoff"> Basic information</li> <li id="gaom7" class="menuoff"> Basic information</li> <li id="gaom8" class="menuoff"> Basic information</li> <li id="gaom9" class="menuoff"> Basic information</li> <li id="gaom10" class="menuoff"> Basic information</li> <li id="gaom11" class="menuoff"> Basic information</li> </ul> Basic information</div> </div> <a id="rightA" href="javascript:void(0);"> </a> </div> right
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
] After running, you need to refresh , because it is external js.