采用JQuey要实现图片点击自动向上,向下翻页! 代码:
$(document).ready(function() {
$("img").mousemove(function(e){
var positionX=e.originalEvent.layerX||e.originalEvent.x||0;
if(positionX<=$(this).width()/2){
this.style.cursor='url("/image/single/pre.cur"),auto';
$(this).attr('title','点击查看上一张');
$(this).parent().attr('href','$url&goto=up');
}else{
this.style.cursor='url("/image/single/next.cur"),auto';
$(this).attr('title','点击查看下一张');
$(this).parent().attr('href','$url&goto=down');
}
});
});
以上基本实现功能啦!!!
付:
关于chrome下:
event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
详细可以访问http://stackoverflow.com/questions/7825448/webkit-issues-with-event-layerx-and-event-layery。
分享到:
相关推荐
jquery 实现点击图片放大效果
自己随便写的JQuery翻页功能中重要文件
Jquery 实现时钟翻页效果 效果还可以,
采用jquery 实现点击缩略图弹出大图,可以应用在DataList中
jquery点击缩略图切换视频播放
jquery制作图片自动播放jquery制作图片自动播放jquery制作图片自动播放jquery制作图片自动播放jquery制作图片自动播放jquery制作图片自动播放
jQuery实现拖动滚动条的缩略图排列插件下载 jQuery实现焦点图片Flash自动平滑渐变效果 jQuery实现鼠标移到链接提示显示图片功能插件 jquery实现鼠标经过链接放大图片特效代码 jquery实用Banner大图片横向切换效果 ...
支持左右翻页,自动翻页,点击圆点翻页
JQuery图片上左右箭头翻页代码,供大家一起共同分享学习。
jQuery点击缩略图右侧滑出大图特效,不用考虑兼容性问题.
jquery带标题的自动翻页 代码简洁清晰易懂,并且可以同时兼容IE和火狐浏览器,界面效果清晰,美观
jQuery网格缩略图片点击大小缩放图片切换代码 jQuery网格缩略图片点击大小缩放图片切换代码 jQuery网格缩略图片点击大小缩放图片切换代码
Jquery实现简单的书本翻页效果_电纸书翻书效果 Jquery实现简单的书本翻页效果_电纸书翻书效果
这是用jquery实现的图片自动切换效果,包括用鼠标划过时图片切换,自动切换等效果的实现。
jQuery超帅模拟图片翻页的展示Flash特效效果jQuery超帅模拟图片翻页的展示Flash特效效果
这是一款支持鼠标拖拽的jQuery相册插件,这款jQuery相册的特点是右侧有一排垂直的缩略图,可以定义任意数量的图片,并且可以使用鼠标拖拽来对缩略图进行翻页浏览。另外,相册的图片切换支持自动切换,也支持鼠标点击...
java结合jquery插件实现无限滚动自动翻页源代码
jQuery鼠标控制图片滚动翻页是一款jquery.gridnav网格图片列表排列布局鼠标按钮控制图片滚动翻页。