Rumah > hujung hadapan web > tutorial js > javascript 图片上一张下一张链接效果代码_图象特效

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

WBOY
Lepaskan: 2016-05-16 18:32:36
asal
1439 orang telah melayarinya

贴个实现方法:
代码

复制代码 代码如下:




无标题页











说明: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" 为其上一张,下一张链接地址。记得给javascript 图片上一张下一张链接效果代码_图象特效套上
在线演示代码:http://demo.jb51.net/js/img_left_right/jquery_img_lr.htm

打包下载地址 http://www.jb51.net/jiaoben/25129.html

相关文章:
clientX,pageX,offsetX,x,layerX,screenX,offsetLef
JS在IE和FireFox之间常用函数的区别小结
javascript offsetX与layerX区别
jQuery 点击图片跳转上一张或下一张功能的实现代码
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan