一款很實用的jQuery滑鼠懸浮有動畫效果的響應式瀑布流插件 線上預覽 下載地址 實例代碼 <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten ...
一款很實用的jQuery滑鼠懸浮有動畫效果的響應式瀑布流插件
實例代碼
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery滑鼠懸浮有動畫效果的響應式瀑布流插件</title>
<link rel="stylesheet" type="text/css" href="/api/jq/5733e3532625a/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="/api/jq/5733e3532625a/css/default.css">
<link rel="stylesheet" type="text/css" href="/api/jq/5733e3532625a/css/styles.css">
<article class="sucaihuo-container">
<div class="wall">
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/4.jpg' alt='jQuery網頁雪花插件' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery網頁雪花插件
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/4.jpg' alt='jQuery網頁雪花插件' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery仿京東登錄彈出層
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/15.jpg' alt='jQuery菜單滑動' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery菜單滑動
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/12.jpg' alt='jQuery聖誕照片牆放大效果' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery聖誕照片牆放大效果
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/13.jpg' alt='PHP+jQuery年會線上拍照抽獎' />
</a>
<h2>
<a href='#' target='_blank'>
PHP+jQuery年會線上拍照抽獎
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/3.jpg' alt='PHP強大的中文水印類' />
</a>
<h2>
<a href='#' target='_blank'>
PHP強大的中文水印類
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/15.jpg' alt='PHP自定義圖片水印類並且支持中文' />
</a>
<h2>
<a href='#' target='_blank'>
PHP自定義圖片水印類並且支持中文
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/10.jpg' alt='PHP以星號隱藏用戶名手機和郵箱' />
</a>
<h2>
<a href='#' target='_blank'>
PHP以星號隱藏用戶名手機和郵箱
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/10.jpg' alt='js網頁標題消息提醒' />
</a>
<h2>
<a href='#' target='_blank'>
js網頁標題消息提醒
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/1.jpg' alt='PHP檢測中文驗證碼實例演示' />
</a>
<h2>
<a href='#' target='_blank'>
PHP檢測中文驗證碼實例演示
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/14.jpg' alt='jQuery仿京東檢測驗密碼強度' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery仿京東檢測驗密碼強度
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/15.jpg' alt='jQuery放煙花插件' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery放煙花插件
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/15.jpg' alt='html5響應式觸屏移動端音頻播放器' />
</a>
<h2>
<a href='#' target='_blank'>
html5響應式觸屏移動端音頻播放器
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/7.jpg' alt='jquery背景移動插件' />
</a>
<h2>
<a href='#' target='_blank'>
jquery背景移動插件
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/9.jpg' alt='jQuery自定義下拉框插件' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery自定義下拉框插件
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/2.jpg' alt='jQuery懶載入圖片的瀑布流插件' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery懶載入圖片的瀑布流插件
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/10.jpg' alt='Thinkphp帶表情的無限評論回覆' />
</a>
<h2>
<a href='#' target='_blank'>
Thinkphp帶表情的無限評論回覆
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/2.jpg' alt='jQuery10種不同的水球效果' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery10種不同的水球效果
</a>
</h2>
</div>
<div class="article">
<a href='#'>
<img src='/api/jq/5733e3532625a/img/11.jpg' alt='jQuery自動輸入email、時間和功能變數名稱' />
</a>
<h2>
<a href='#' target='_blank'>
jQuery自動輸入email、時間和功能變數名稱
</a>
</h2>
</div>
</div>
</article>
<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="/api/jq/5733e3532625a/js/jquery-2.1.1.min.js"><\/script>')</script>
<script type="text/javascript" src="/api/jq/5733e3532625a/js/jaliswall.js"></script>
<script type="text/javascript">
$(function() {
$('.wall').jaliswall({item: '.article'});
});
</script>
</body>
</html>
