• JS特效 http://www.it165.net/js/
  • jQuery鼠标悬停在图片上效果

    发布日期:2014-12-11 20:09:42
    Tag标签:鼠标  效果  图片  

    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>

    • 专题推荐

    次元立方 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
    本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规