首页
关于本站
网站模板
代码教程
Emlog教程
米拓教程
SEO优化教程
Ecshop教程
zblog教程
Excel技巧
电脑软件教程
互联网
免费资源
网络新闻
留言咨询
在线问答
申请友链
网址导航
联系舍力
搜索
舍力
登录
搜索
舍力
静以修身。
累计撰写
1140
篇文章
累计收到
3628
条评论
首页
栏目
首页
关于本站
网站模板
代码教程
Emlog教程
米拓教程
SEO优化教程
Ecshop教程
zblog教程
Excel技巧
电脑软件教程
互联网
免费资源
网络新闻
留言咨询
在线问答
申请友链
网址导航
联系舍力
包含标签 【jquery键盘左右翻页】 的文章
2014-12-21
用jquery实现键盘左右翻页功能的方法
jQuery实现网页上键盘左右方向键翻页代码,我们在很多小说网站经常看到这样的效果,这样可以给网站提高用户体验,方便访客翻页使用,从而大大提高了网站PV浏览量,一个不错的效果,如果您的网站已经引入了jQuery框架,不妨增加这个网页上键盘左右方向键翻页功能。jquery键盘左右翻页,jquery键盘方向键翻页功能,当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转。 html代码: <p>上一篇:<a id="pre" href="http://www.shuyong.net/550.html">品质生活,健康人生 - OBH气泡水机助你打造家庭</a></p> <p>下一篇:<a id="next" href="http://www.shuyong.net/432.html">蓝色经典主题 - 响应式</a></p> jquery代码: $(document).ready(function(){ var prevpage=$("#pre").attr("href"); var nextpage=$("#next").attr("href"); $("body").keydown(function(event){ if(event.keyCode==37 && prevpage!=undefined) location=prevpage; if(event.keyCode==39 && nextpage!=undefined) location=nextpage; }); }); 演示效果请用键盘左右测试本站
2014年12月21日
8046 阅读
3 评论
代码教程