欢迎来到懒人图库!
  • 首 页
  • 懒人论坛
  • jQuery鼠标悬停在图片上效果

    2014-12-11 来源/作者:懒人图库 分类:图片特效 «»
    jQuery鼠标悬停在图片上效果 jQuery鼠标悬停在图片上效果

    jQuery鼠标悬停在图片上效果,鼠标悬停后出现遮罩效果,并淡入出现文字,兼容主流浏览器,懒人图库推荐下载!


    使用方法:

    1、head区域引用文件lrtk.css及js库

    <link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all">

    <script type="text/javascript" src="js/jquery.min.js"></script>

    2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

    3、具体微调请看代码注释

    4、文字和跳转链接在代码中修改

    <div class="banner">

    <!-- 修改图片 -->

    <a href="http://www.lanrentuku.com/" target="_blank">

    <img height="125" width="125" alt="Mail Chimp" src="images/seagaia_miyazaki.jpg" />

    </a>

    <!-- 修改文字 -->

    <p class="companyInfo">图片信息五</p>

    <div class="cornerTL"></div>

    <div class="cornerTR"></div>

    <div class="cornerBL"></div>

    <div class="cornerBR"></div>

    </div>

    效果预览 本地下载  新手使用求助QQ群:133049023
    标签:图片特效