使用jQuery实现查看朋友圈图片-创新互联

这篇文章将为大家详细讲解有关使用jQuery实现查看朋友圈图片，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

在象山等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站建设、成都网站制作网站设计制作定制开发,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销,成都外贸网站制作,象山网站建设费用合理。

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实现查看朋友圈图片-创新互联
转载注明：https://www.cdcxhl.com/article4/dhogoe.html

成都网站建设公司_创新互联，为您提供关键词优化、服务器托管、标签优化、动态网站、响应式网站、搜索引擎优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容