【免费】jquery图片列表按顺序分类排列图片组效果.rar资源-CSDN文库

共11个文件

jpg：4个

js：3个

css：1个

jquery

需积分: 0 196 浏览量 2024-06-23 14:22:56 上传评论收藏 1.21MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery图片列表按顺序分类排列图片组效果.rar （11个子文件）

jquery图片列表按顺序分类排列图片组效果

jquery-1.7.2.min.js 93KB

jquery.isotope.js 48KB

script.js 2KB

css

style.css 4KB

index.html 7KB

images

upload

g3.jpg 17KB

gr.jpg 20KB

Thumbs.db 19KB

g4.jpg 27KB

g1.jpg 34KB

动画000001.gif 1.06MB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>php中文网</title>  <link type="text/css" rel="stylesheet" href="css/style.css">  <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/jquery.isotope.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body>  <div id="yhc_responsive" class="main"> <div class="allProduct respl-header"> <ul class="productTab respl-option" data-option-key="filter"> <li class="select"><a href="#" data-rl_value="*">全部</a></li> <li><a href="#" data-rl_value=".category-10">热卖</a></li> <li><a href="#" data-rl_value=".category-20">新品</a></li> </ul> <ul class="ProductList respl-items"> <li class="respl-item category-10"> <div class="unit"> <p class="hoverline"></p> <a class="images" href="http://www.php.cn"><img src="images/upload/g1.jpg"></a> <h1><a href="http://www.php.cn">御皇樟芝养生液</a></h1> <dl> <dd>产品成分：100%野生牛樟芝浓缩</dd> <dd>产品功效：强免疫、活细胞、解..</dd> <dd>包装规格：300ML</dd> </dl> <div class="view"> <div class="left">39 浏览</div> <a class="right" href="http://www.php.cn">查看<span>></span></a> </div> </div> </li> <li class="respl-item category-20"> <div class="unit"> <p class="hoverline"></p> <a class="images" href="http://www.php.cn"><img src="images/upload/g3.jpg"></a> <h1><a href="http://www.php.cn">御皇樟芝养生液</a></h1> <dl> <dd>产品成分：100%野生牛樟芝浓缩</dd> <dd>产品功效：强免疫、活细胞、解..</dd> <dd>包装规格：300ML</dd> </dl> <div class="view"> <div class="left">39 浏览</div> <a class="right" href="http://www.php.cn">查看<span>></span></a> </div> </div> </li> <li class="respl-item category-20"> <div class="unit"> <p class="hoverline"></p> <a class="images" href="http://www.php.cn"><img src="images/upload/g4.jpg"></a> <h1><a href="http://www.php.cn">御皇樟芝养生液</a></h1> <dl> <dd>产品成分：100%野生牛樟芝浓缩</dd> <dd>产品功效：强免疫、活细胞、解..</dd> <dd>包装规格：300ML</dd> </dl> <div class="view"> <div class="left">39 浏览</div> <a class="right" href="http://www.php.cn">查看<span>></span></a> </div> </div> </li> <li class="respl-item category-10"> <div class="unit"> <p class="hoverline"></p> <a class="images" href="http://www.php.cn"><img src="images/upload/g1.jpg"></a> <h1><a href="http://www.php.cn">御皇樟芝养生液</a></h1> <dl> <dd>产品成分：100%野生牛樟芝浓缩</dd> <dd>产品功效：强免疫、活细胞、解..</dd> <dd>包装规格：300ML</dd> </dl> <div class="view"> <div class="left">39 浏览</div> <a class="right" href="http://www.php.cn">查看<span>></span></a> </div> </div> </li> <li class="respl-item category-10"> <div class="unit"> <p class="hoverline"></p> <a class="images" href="http://www.php.cn"><img src="images/upload/g3.jpg"></a> <h1><a href="http://www.php.cn">御皇樟芝养生液</a></h1> <dl> <dd>产品成分：100%野生牛樟芝浓缩</dd> <dd>产品功效：强免疫、活细胞、解..</dd> <dd>包装规格：300ML</dd> </dl> <div class="view"> <div class="left">39 浏览</div> <a class="right" href="http://www.php.cn">查看<span>></span></a> </div> </div> </li> <li class="respl-item category-20"> <div class="unit"> <p class="hoverline"></p> <a class="images" href="http://www.php.cn"><img src="images/upload/g4.jpg"></a> <h1><a href="http://www.php.cn">御皇樟芝养生液</a></h1> <dl> <dd>产品成分：100%野生牛樟芝浓缩</dd> <dd>产品功效：强免疫、活细胞、解..</dd> <dd>包装规格：300ML</dd> </dl> <div class="view"> <div class="left">39 浏览</div> <a class="right" href="http://www.php.cn">查看<span>></span></a> </div> </div> </li> <li class="respl-item category-10"> <div class="unit"> <p class="hoverline"></p> <a class="images" href="http://www.php.cn"><img src="images/upload/g1.jpg"></a> <h1><a href="http://www.php.cn">御皇樟芝养生液</a></h1> <dl> <dd>产品成分：100%野生牛樟芝浓缩</dd> <dd>产品功效：强免疫、活细胞、解..</dd> <dd>包装规格：300ML</dd> </dl> <div class="view"> <div class="left">39 浏览</div> <a class="right" href="http://www.php.cn">查看<span>></span></a> </div> </div> </li> </ul> </div> </div>   <div class="loadMore"> <a href="javascript:;">更多</a> </div> </body> </html>

评论收藏

内容反馈