jquery實現的圖片點擊滾動效果_javascript技巧

需要添加jquery文件才可以調試

複製代碼代碼如下：

;

$(function(){
//alert($('# findclose').closest('div').attr('id'));
var pic_length = $('#gd li').length;
var n = 0
$('# toleft').click(function(){
if (!$('#gd').is(':animated) ') && n)
{
$('#gd'). animate({left:' =120px'},500);
n--;
}) ;
$('#toright').click(function(){
if (! $('#gd').is(':animated') && pic_length > n 5)
{
$('#gd').animate({left:'-=120px'},500) ;
n ;
}
})


ul{
列表樣式：無；
邊距：0px;
內邊距：0px;
文字對齊：居中；
}
#gd li {
寬度：90px;
高度：80px； 🎜>顯示：塊；
浮動：左；
邊距：9px 15px;
}
樣式>

• 
  
  
• 
  
• 
  
• 
  
• 
  
• 
  
•