国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:04:45
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了jquery實現的圖片點擊滾動效果,需要的朋友可以參考下

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

復制代碼 代碼如下:


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(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++;
}
});
})
</script>
<style type="text/css">
ul{
list-style:none;
margin:0px;
padding:0px;
text-align:center;
}
#gd li {
width:90px;
height:80px;
display:block;
float:left;
margin:9px 15px;
}
</style>
<div>
<div></div>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div></div>
</div>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 台北县| 敦煌市| 南京市| 铁岭市| 卢湾区| 泸溪县| 曲靖市| 略阳县| 阆中市| 罗源县| 晋州市| 鄂伦春自治旗| 渭南市| 科尔| 乌什县| 松原市| 徐州市| 灌云县| 汕尾市| 长沙县| 三明市| 鄂托克旗| 河南省| 阿城市| 香港| 邻水| 吴桥县| 盐津县| 天祝| 灌云县| 南京市| 阿尔山市| 大同市| 汝城县| 延边| 武义县| 金川县| 潜山县| 双牌县| 屯留县| 昌江|