• JS特效 http://www.xslszxw.com/js/
  • jQuery仿京東圖片變亮變暗效果

    發布日期:2014-12-11 20:09:41
    Tag標簽:效果  圖片  

    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);

    • 專題推薦

    次元立方 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯系方式
    本站內容來自于互聯網,僅供用于網絡技術學習,學習中請遵循相關法律法規
    彩票联盟网站 册亨县| 广河县|