jQuery+HTML5+CSS3响应式画廊与延迟加载least.js
jQuery+HTML5+CSS3响应式画廊与延迟加载least.js。
include code
<!-- least.js CSS-file -->
<link href="css/least.min.css" rel="stylesheet" />
<!-- jQuery libary -->
<script src="http://code.jquery.com/jquery-latest.js" defer="defer"></script>
<!-- least.js JS-file -->
<script src="js/least.min.js" defer="defer"></script>
<!-- Lazyload JS-file -->
<script src="js/jquery.lazyload.js" defer="defer"></script>
HTML code
<section>
<ul id="gallery">
<li id="fullPreview"></li>
<li>
<a href="img/full/full_1.jpg"></a>
<img data-original="img/thumb/thumb_1.jpg" src="img/effects/white.gif" width="240" height="150" alt="Ocean" />
<div class="overLayer"></div>
<div class="infoLayer">
<ul>
<li>
<h2>
Ocean
</h2>
</li>
<li>
<p>
View Picture
</p>
</li>
</ul>
</div>
<div class="projectInfo">
<strong>
Monday, 14th April 2093:
</strong> sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
</div>
</li>
</ul>
</section>
【jQuery+HTML5+CSS3响应式画廊与延迟加载least.js】相关文章
1. jQuery+HTML5+CSS3响应式画廊与延迟加载least.js
4. Echo.js: 图片延迟加载的 JavaScript 库
7. 另外一款超棒的响应式布局jQuery插件 - Freetile.js
本文来源:https://www.51html5.com/a1188.html
﹝jQuery+HTML5+CSS3响应式画廊与延迟加载least.js﹞相关内容
- CSS3+jQuery制作灯箱画廊
- CSS3+jQuery的图像画廊Photobox
- 使用 jQuery & CSS3 制作美丽的照片画廊
- 响应式布局的设计方法和响应式前端优化干货
- S Gallery – 很有特色的响应式 jQuery 相册插件
- S Gallery – 很有特色的响应式 jQuery 相册插件
- 一款基于jquery和css3的响应式二级导航菜单
- jQuery Bootstrap响应式下拉菜单
- Flexslider - 响应式的 jQuery 内容滚动插件
- phonegap教程第8讲 Jquery Mobile中流式布局,网格布局以及响应式布局教程 ...