<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="18960" class="copybut" id="copybut18960" onclick="doCopy('code18960')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code18960"> <br>& lt;type de script= "text/javascript" src="jquery.js"></script> <br><script type="text/javascript"> <br>$(function(){ <br>//alert($('#findclose').closest('div').attr('id')); <br>var pic_length = $('#gd li').length; <br>var n = 0; <br>$('#toleft').click(function(){ <br>if (!$('#gd').is(':animated ') && n) <br>{ <br>$('#gd').animate({left:' =120px'},500 <br>n--; <br>} <br>}); ; <br>$('#toright').click(function(){ <br>if (!$('#gd').is(':animated') && pic_length > n 5) <br>{ <br>$('#gd').animate({left:'-=120px'},500); <br>n <br>} <br>}) <br>< ; ;/script> <br><style type="text/css"> <br>ul{ <br>list-style:aucun; <br>marge :0px ; <br>remplissage : 0px ; <br>text-align:center; <br>} <br>#gd li { <br>largeur:90px; <br>hauteur : 80px ; <br>affichage:bloc; <br>float:gauche; <br>marge : 9px 15px ; <br>} <br></style> <br><div style="width:702px;height:100px;background:#ccc;margin:0 auto"> <br><div style="largeur:30px;hauteur:30px;arrière-plan:rouge;marge:35px 10px;float:gauche;curseur:pointeur;" id="toleft"></div> <br><div style="width:600px;height:98px;float:left;border:1px solid #777;overflow: caché;"> <br><ul style="list-style : aucun en dehors de aucun;hauteur:98px;affichage:bloc;arrière-plan:jaune;position:relative;largeur:9999em;" id="gd"> <br><li style="background:red"></li> <br><li style="background:orange"></li> <br><li style="background:green"></li> <br><li style="background:marine"></li> <br><li style="background:blue"></li> <br><li style="background:violet"></li> <br><li style="background:pink"></li> <br><li style="background:gray"></li> <br></ul> <br></div> <br><div style="largeur:30px;hauteur:30px;arrière-plan:rouge;marge:35px 10px;float:gauche;curseur:pointeur;" id="à droite"></div> <br></div> <br><br> </div>