亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jquery實現簡單易懂的圖片展示小例子

2019-11-20 21:36:55
字體：大 中 小
來源：轉載
供稿：網友
HTML代碼：
復制代碼 代碼如下:

<body>
<div style="overflow:hidden;width:360px;height:225px;position:absolute;top:30px;" id="div">
<div style="width: 360px; height: 900px; position: relative;" id="imgCon">
<img src="img/1.jpg" id="img0"/>
<img src="img/2.jpg" id="img1"/>
<img src="img/3.jpg" id="img2"/>
<img src="img/1a.jpg" id="img3"/>
<img src="img/1.jpg"/>
</div>
</div>
<div class="box" num="0" id="box0" style="color:red;">1</div>
<div class="box" num="1" id="box1">2</div>
<div class="box" num="2" id="box2">3</div>
<div class="box" num="3" id="box3">4</div>
</body>

JS代碼：
復制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function(){
$("#box0").click(function(){
//$("#imgCon").slideUp(4200);
$("#imgCon").animate({top:'-225px'},"slow");
});
$("#box1").click(function(){
$("#imgCon").animate({top:'-450px'},"slow");
});
$("#box2").click(function(){
$("#imgCon").animate({top:'-675px'},"slow");
});
$("#box3").click(function(){
$("#imgCon").animate({top:'-900px'},"slow");
});
});
</script>

CSS：代碼：
復制代碼 代碼如下:

<style type="text/css">
.box{
width:40px;
height:20px;
border:1px solid #000;
float:left;
cursor:pointer;
}
#imgCon img{
display:block;
padding:0;
margin:0;
width:360px;
height:225px;
}
</style>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文字幕一区二区精品| 欧美大片免费观看在线观看网站推荐| 欧美激情视频网站| 深夜福利日韩在线看| 最近2019中文字幕一页二页| 成人黄色在线免费| 日本欧美在线视频| 欧美疯狂性受xxxxx另类| 91sao在线观看国产| 91久久国产综合久久91精品网站| 欧美精品一区二区三区国产精品| 色噜噜狠狠色综合网图区| 国产日本欧美一区| 亚洲精品美女网站| 成人激情电影一区二区| 色噜噜国产精品视频一区二区| 亚洲日本aⅴ片在线观看香蕉| 高清在线视频日韩欧美| 精品国产一区二区三区四区在线观看| 国产日本欧美在线观看| 色哟哟亚洲精品一区二区| 亚洲国产又黄又爽女人高潮的| 国产在线观看精品| www.久久久久| 欧美老妇交乱视频| 精品国内亚洲在观看18黄| 亚洲区一区二区| 亚洲精品综合精品自拍| 亚洲а∨天堂久久精品喷水| 成人a视频在线观看| 欧美丰满少妇xxxxx做受| 国产亚洲福利一区| 欧美精品日韩三级| 成人夜晚看av| 日韩精品免费在线视频观看| 韩国视频理论视频久久| 亚洲精品久久在线| 精品久久久久久中文字幕| 一区二区av在线| 欧美激情精品久久久久久黑人| 国产成人精品免高潮在线观看| 亚洲天堂免费视频| 欧美成人精品三级在线观看| 国产一区二区三区高清在线观看| 日韩av手机在线看| 在线观看亚洲区| 91久久嫩草影院一区二区| 亚洲成avwww人| 91精品国产自产在线| 久久精品91久久香蕉加勒比| 国产丝袜一区二区三区| 欧美成人精品一区二区| 国产中文日韩欧美| 欧美在线视频观看| 久久精品99国产精品酒店日本| 中文日韩电影网站| 日韩经典一区二区三区| 亚洲一区二区免费在线| 庆余年2免费日韩剧观看大牛| 一区国产精品视频| 久久久99免费视频| 91精品啪在线观看麻豆免费| 在线播放日韩欧美| 欧美体内谢she精2性欧美| 亚洲aⅴ男人的天堂在线观看| 日韩一区二区在线视频| 欧美在线视频网| 亚洲欧洲一区二区三区在线观看| 操人视频在线观看欧美| 日韩av免费网站| 午夜精品一区二区三区av| 黄色成人av网| 国产区精品视频| 久久91亚洲人成电影网站| 久久久国产91| 成人在线视频网站| 91免费版网站入口| 成人免费在线视频网址| 欧美成人黑人xx视频免费观看| 久久久久免费精品国产| 亚洲午夜精品久久久久久性色| 欧美视频二区36p| 欧美高清视频在线观看| 欧美亚洲一区在线| 97在线视频一区| 久久久久久亚洲精品不卡| 97碰在线观看| 国产一区二区三区毛片| 一区二区三区回区在观看免费视频| 97成人精品区在线播放| 欧美成人午夜激情视频| 中文字幕综合一区| 欧美黄色成人网| 国产色婷婷国产综合在线理论片a| 亚洲网站在线播放| 亚洲欧美一区二区三区久久| 97成人精品区在线播放| 国产精品美女免费看| 久久99久久久久久久噜噜| 精品亚洲一区二区三区在线播放| 精品呦交小u女在线| 欧美黄色片免费观看| 黑人狂躁日本妞一区二区三区| 久久精品中文字幕| 97福利一区二区| 国产专区精品视频| 7m精品福利视频导航| 97在线看免费观看视频在线观看| 日韩欧美在线视频观看| 日韩天堂在线视频| 91九色国产视频| 中文字幕精品网| 欧美午夜宅男影院在线观看| 国产精品在线看| 中文字幕在线精品| 98视频在线噜噜噜国产| 97成人精品视频在线观看| 亚洲色图日韩av| 丝袜一区二区三区| 奇门遁甲1982国语版免费观看高清| 欧美黑人xxxⅹ高潮交| 久久视频这里只有精品| 国产精品福利久久久| 日韩在线精品视频| 国内精久久久久久久久久人| 久久91超碰青草是什么| 亚洲精品视频免费| 国产aⅴ夜夜欢一区二区三区| 久久香蕉精品香蕉| 日韩精品在线观看网站| 亚洲自拍偷拍视频| 亚洲aⅴ男人的天堂在线观看| 亚洲成人网久久久| 国产97在线视频| 久久久99免费视频| 日韩在线视频播放| 97精品伊人久久久大香线蕉| 欧美激情一区二区三区在线视频观看| 欧美国产日韩中文字幕在线| xxxxx91麻豆| 欧美亚洲在线观看| 4p变态网欧美系列| 亚洲伊人久久综合| 亚洲男人天堂古典| 激情av一区二区| 亚洲人成毛片在线播放| 国产精品电影观看| 2021久久精品国产99国产精品| 日韩av影视在线| 国产精品日日做人人爱| 欧美日韩国产中文精品字幕自在自线| 国产一区二区三区欧美| 亚洲国产毛片完整版| 91久久国产精品| 亚洲jizzjizz日本少妇| 亚洲欧美日韩中文在线| 日韩国产一区三区| 国产一区二区三区在线免费观看| 一区二区三区视频免费在线观看| 日韩欧亚中文在线| 欧美亚洲午夜视频在线观看| 国产激情视频一区| 亚洲最大在线视频| 国产精品久久久久aaaa九色|