學會偷懶,并懶出境界是提高工作效率最有效的方法!
Ctrl + D 收藏我吧~
jQuery仿京東圖片變亮變暗效果,鼠標懸停圖片之后該圖片變亮,其他圖片變暗。移開鼠標所有圖片變亮。兼容主流瀏覽器,懶人圖庫推薦下載!
使用方法:
1、head區域引用文件lrtk.css及js庫,animate.js是另外編寫的動畫函數。
<link href=" css/lrtk.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/animate.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>
2、class="one" 代表一列可以放兩個圖片的div塊, class="two"代表一列可以放一個圖片的div塊,文字說明在對應的
class為text的div塊修改
3、js代碼中,opacity參數調整透明度,第三個參數調整速度
animate(imgs[i],{left:0,opacity:1},100);