jquery图片点击自动翻页实现
来源:互联网 发布:软件开发成本控制 编辑:程序博客网 时间:2024/06/11 18:56
采用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实现图片点击放大
- JQuery实现点击图片更换图片
- jQuery实现图片3D折叠,翻页,翻书效果
- AdapterViewFlipper实现图片翻页
- Fragment实现点击替换翻页
- js实现点击图片自动提交action
- 前端jquery实现图片点击放大缩小
- Android 点击按钮上下翻页图片
- 翻页按钮,图片结束,按钮禁止点击
- 图片左右间隔滚动Jquery特效,点击滚动,不点击自动滚动 jquery
- android实现翻页查看图片
- Jquery实现图片左右滚动(自动)
- jQuery 自动翻页与数据同步
- jquery自动点击按钮
- jQuery炫酷翻页图片相册
- oracle学习笔记——1
- table设计模式
- css之margin collapse(外边距叠加)
- 编程语言学习之我见
- lite version是什么
- jquery图片点击自动翻页实现
- 对“低级”浏览器的额外处理
- A*
- 引用多个schema约束来创建xml文档
- 深入Linux网络核心堆栈--netfilter详解
- 简单的点击button事件隐藏软键盘
- iOS CrashReport分析
- C++直接初始化与复制初始化<一>
- 用org.in2bits.MyXls快速生成excel(即使服务器未安装office也能生成excel)