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

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

javascript 图片上一张下一张链接效果代码

时间：2021-04-20 20:40 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript 图片上一张下一张链接效果代码

贴个实现方法：代码

[url=#]<img src="11.bmp" alt="" class="rootclass" left="http://www.google.cn" right="http://www.baidu.cn" /> </a> </body> </html>

说明：1.需要调用Jquery。 2.这里获取鼠标在图片的位置用了个投机的方法，设置图片的position:relative 直接使用 var positionX=e.originalEvent.x||e.originalEvent.layerX||0; 来获取。 3. 为了方便直接在图片上添加left="http://www.google.cn" right="http://www.baidu.cn" 为其上一张，下一张链接地址。记得给<img />套上<a href="#" ></a> 在线演示代码:http://demo.jb51.net/js/img_left_right/jquery_img_lr.htm[/url] 打包下载地址 [url=http://www.1sucai.cn/jiaoben/25129.html]http://www.1sucai.cn/jiaoben/25129.html[/url] 相关文章: [url=http://www.1sucai.cn/article/22507.htm]clientX,pageX,offsetX,x,layerX,screenX,offsetLef[/url] [url=http://www.1sucai.cn/article/22506.htm]JS在IE和FireFox之间常用函数的区别小结[/url] [url=http://www.1sucai.cn/article/22505.htm]javascript offsetX与layerX区别[/url] [url=http://www.1sucai.cn/article/22504.htm]jQuery 点击图片跳转上一张或下一张功能的实现代码[/url]

全部评论(0)

上一篇：一个不错的给图片添加说明文字的动态层的实现代码
下一篇：jQuery.lazyload+masonry改良图片瀑布流代码

资讯排行榜
更多>>

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

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

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部