PHP中链接一张本地图片,window_javascript 图片上一张下一张链接效果代码，贴个实现方法： 代码 复制代 - phpStudy...

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

贴个实现方法：

代码

复制代码 代码如下:

无标题页

.rootclass{ border:none;position:relative;}

$(document).ready(function() {

$(".rootclass").mousemove(function(e){

var positionX=e.originalEvent.x||e.originalEvent.layerX||0;

if(positionX<=$(this).width()/2){

this.style.cursor='url("pre.cur"),auto';

$(this).attr('title','点击查看上一张');

$(this).parent().attr('href',$(this).attr('left'));

}else{

this.style.cursor='url("next.cur"),auto';

$(this).attr('title','点击查看下一张');

$(this).parent().attr('href',$(this).attr('right'));

}

});

});

说明：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" 为其上一张，下一张链接地址。记得给套上

在线演示代码:http://demo.phpstudy.net/js/img_left_right/jquery_img_lr.htm

打包下载地址 /jiaoben/25129.html

相关文章:

clientX,pageX,offsetX,x,layerX,screenX,offsetLef

JS在IE和FireFox之间常用函数的区别小结

javascript offsetX与layerX区别

jQuery 点击图片跳转上一张或下一张功能的实现代码相关阅读:

asp.net Gridview行绑定事件新体会

内核新版本发布：Linux Kernel 2.6.24.4

为jQuery.Treeview添加右键菜单的实现代码

使用PHP批量生成随机用户名

Interlnk、Intersvr、Qbasic命令的使用方法

shell命令行的一些快捷键汇总

安装配置篇---IIS+resin

PHP源码之explode使用说明

Javascript页面宽度高度

AJAX 老酒依然醇香

在Javascript中，什么是闭包(Closure)

PHP类的静态(static)方法和静态(static)变量使用介绍

asp.net 对中文汉字的加密与解密代码

给js的数组实现一个类似ruby的迭代器