源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

js实现图片显示局部，鼠标经过显示全部的效果

时间：2020-11-16 20:22 编辑：来源：阅读：
扫一扫，手机访问

摘要：js实现图片显示局部，鼠标经过显示全部的效果

这个是例如了CSS的margin负值和相对定位做的一个图片放大的效果。图片开始只是局部的，鼠标放上去显示整个图片。

<meta content="text/html; charset=gb2312" http-equiv="Content-Type"></meta> 
无标题文档 
 
 
 
<div class="box" id="boxImg"> 
    [list] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
        [*][url=http://www.1sucai.cn/article/13476.htm#][img]http://list.mp3.baidu.com/list/images/tupic/bizhi_renwu01.jpg[/img]
</img>[/url][/*] 
    [/list] 
    <div class="clear"></div> 
</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：jquery简单实现鼠标经过导航条改变背景图
下一篇：Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部