jQuery鼠标悬停查看大图

所属分类:UI,媒体-悬停,图片展示

 1836  15  查看评论 (2)
jQuery鼠标悬停查看大图 ie兼容7

使用方法

引入jq

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>

结构:

<div>
    <div>
        <img src="img/1.jpg" bigUrl="img/1.jpg" alt="">
    </div>
    <div>
        <img src="img/2.jpg" bigUrl="img/2.jpg" alt="">
    </div>
    <div>
        <img src="img/3.jpg" bigUrl="img/3.jpg" alt="">
    </div>
    <div>
        <img src="img/4.jpg" bigUrl="img/4.jpg" alt="">
    </div>
    <div>
        <img src="img/5.jpg" bigUrl="img/5.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
    <div>
        <img src="img/6.jpg" bigUrl="img/6.jpg" alt="">
    </div>
</div>
相关插件-悬停,图片展示

鼠标hover效果(原创)

30种鼠标触碰按钮添加背景样式的效果~
  悬停
 11856  289

jQuery鼠标悬停图片分享按钮动画

这款jQuery插件可以实现鼠标滑过图片时在图片上方创建任意的元素,包括分享按钮和图片文字描述等。这些按钮和文字可以悬浮在图片的任意位置,同时你也可以自己定义这些图片上方的元素出现时的动画特效。
  悬停
 18668  191

jQuery图片边框线条动画效果

本案例的主要效果是鼠标悬停在图片上,从其中的两个角分别延伸出两条线 类似两条河流交汇的效果
  悬停
 12989  109

15款css3鼠标悬停图片动画文字效果

15款css3鼠标悬停图片动画文字效果
  悬停
 18418  175

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    幻城 0
    2018/7/11 9:28:12
    这个方法好用。效果好。
        Yang~AI魂0
        2018/7/15 1:38:57
        谢谢
    回复
取消回复