<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<title>jQuery图片跟随鼠标左右摆动 - 网页模板</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/base.css">
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/lenticular.min.js"></script>
<script src="js/base.js"></script>
</head>
<body>
<a href="#" class="previous"></a>
<a href="#" class="next"></a>
<article class="mobile-examples">
<a href="#" class="victoria-link"></a>
<a href="#" class="swanson-link"></a>
<a href="#" class="lambo-link"></a>
</article>
<a href="#" class="mobile-close-btn"></a>
<article class="mobile-lenticular"></article>
<article class="example">
<div class="description description-1">
<h3>flow-mo</h3>
<p>views of sexy ladies dressed like chiquita banana.<p>
</div>
<div class="description description-2">
<h3>tilt-gifs</h3>
<p>of the witty,<br>mustachioed elite.<p>
</div>
<div class="description description-3">
<h3>spin-a-ma-jigs</h3>
<p>of things you'll never own.<p>
</div>
<div class="qr qr-1">
<div class="mini-phone">
<!-- <img src="images/qr-victoria.png" class="qr-victoria" /> -->
</div>
<p><strong>try it on a fancy<br>pocket computer</strong><br>iPhones work well</p>
</div>
<div class="qr qr-2">
<div class="mini-phone">
<!-- <img src="images/qr-victoria.png" class="qr-victoria" /> -->
</div>
<p><strong>try it on a fancy<br>pocket computer</strong><br>iPhones work well</p>
</div>
<div class="qr qr-3">
<div class="mini-phone">
<!-- <img src="images/qr-victoria.png" class="qr-victoria" /> -->
</div>
<p><strong>try it on a fancy<br>pocket computer</strong><br>iPhones work well</p>
</div>
<div class="ipad">
<div class="camera"></div>
<div class="specular-wrapper">
<div class="specular"></div>
</div>
<div class="ipad-content">
<div class="lenticular swanson"></div>
<div class="lenticular lambo"></div>
<div class="lenticular victorias-secret"></div>
</div>
<button class="home-btn"></button>
</div>
</article>
<div style="text-align:center;clear:both">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、世界之窗。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jQuery图片跟随鼠标左右摆动.zip （132个子文件） 
base.css 15KB reset.css 968B
index.html 3KB
jQuery图片跟随鼠标左右摆动.jpg 57KB 42.jpg 32KB 44.jpg 32KB 40.jpg 32KB 45.jpg 32KB 43.jpg 32KB 41.jpg 31KB 37.jpg 31KB 39.jpg 31KB 46.jpg 31KB 47.jpg 31KB 38.jpg 31KB 35.jpg 31KB 33.jpg 31KB 34.jpg 31KB 36.jpg 31KB 31.jpg 30KB 32.jpg 30KB 48.jpg 30KB 49.jpg 30KB 50.jpg 29KB 30.jpg 29KB 51.jpg 29KB 29.jpg 29KB 28.jpg 28KB 52.jpg 28KB 27.jpg 28KB 26.jpg 27KB 53.jpg 27KB 54.jpg 27KB 25.jpg 27KB 24.jpg 26KB 23.jpg 26KB 22.jpg 25KB 21.jpg 25KB 20.jpg 25KB 56.jpg 24KB 16.jpg 24KB 17.jpg 24KB 10.jpg 24KB 57.jpg 24KB 11.jpg 24KB 55.jpg 24KB 11.jpg 24KB 18.jpg 24KB 19.jpg 24KB 14.jpg 24KB 82.jpg 24KB 8.jpg 24KB 9.jpg 24KB 8.jpg 24KB 7.jpg 24KB 1.jpg 24KB 12.jpg 24KB 59.jpg 24KB 6.jpg 24KB 81.jpg 24KB 4.jpg 24KB 80.jpg 24KB 13.jpg 24KB 9.jpg 24KB 5.jpg 24KB 6.jpg 24KB 7.jpg 24KB 5.jpg 24KB 15.jpg 24KB 63.jpg 24KB 61.jpg 24KB 2.jpg 24KB 2.jpg 24KB 10.jpg 24KB 12.jpg 24KB 1.jpg 23KB 60.jpg 23KB 4.jpg 23KB 79.jpg 23KB 65.jpg 23KB 64.jpg 23KB 58.jpg 23KB 3.jpg 23KB 62.jpg 23KB 3.jpg 23KB 13.jpg 23KB 66.jpg 23KB 78.jpg 23KB 67.jpg 23KB 69.jpg 23KB 68.jpg 22KB 77.jpg 22KB 70.jpg 22KB 76.jpg 22KB 71.jpg 22KB 75.jpg 22KB 14.jpg 22KB 73.jpg 22KB 72.jpg 22KB 74.jpg 21KB共 132 条
- 1
- 2
资源评论
