這篇文章將為大家詳細講解有關使用jQuery實現(xiàn)查看朋友圈圖片,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。

index.html 文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
<title>jQuery模仿朋友圈查看圖片效果</title>
<link rel="stylesheet" type="text/css" href="css/css.css" >
<link rel="stylesheet" type="text/css" href="touchTouch/touchTouch.css" >
<script src="js/jquery-3.4.1.js"></script>
<script src="js/touchTouch.jquery.js"></script>
<script>
$(function() {
//圖片事件 img-gather處為圖片效果展示
$('#thumbs a').touchTouch();
});
</script>
</head>
<body>
<!--content-->
<div class="content">
<!--img-gather-->
<div class="clearfix img-gather" id="thumbs">
<a href="images/img1-large.png" title="圖片一"></a>
<a href="images/img2-large.jpg" title="圖片二"></a>
<a href="images/img1-large.png" title="圖片一"></a>
<a href="images/img2-large.jpg" title="圖片二"></a>
<a href="images/img1-large.png" title="圖片一"></a>
<a href="images/img2-large.jpg" title="圖片二"></a>
</div>
<!--img-gather end-->
</div>
</body>
</html>
名稱欄目:使用jQuery實現(xiàn)查看朋友圈圖片-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://chinadenli.net/article4/dhogoe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供關鍵詞優(yōu)化、服務器托管、標簽優(yōu)化、動態(tài)網(wǎng)站、響應式網(wǎng)站、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容