jQuery实现按键盘方向键翻页特效_jquery

1.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;
    });
 });

2.Html代码:

复制代码 代码如下:

<p>
上一篇:
<a id='pre' href='http://www.jb51.net/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a>
</p>
<p>
下一篇:
<a id='next' href='http://www.jb51.net/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a>
</p>

记得要引入jQuery文件哦,好了这里就不多废话了,希望本文能够对大家学习jQuery有所帮助。

时间: 2024-08-22 06:14:43

jQuery实现按键盘方向键翻页特效_jquery的相关文章

jQuery实现按键盘方向键翻页特效

 本文给大家分享的是使用jQuery实现按键盘的方向键进行翻页的特效,代码十分的简单,功能很实用,这里推荐给大家,希望大家能够喜欢.     1.jQuery代码:   代码如下: $(document).ready(function(){ var prevpage=$("#pre").attr("href"); var nextpage=$("#next").attr("href"); $("body")

jquery实现键盘左右翻页特效_jquery

jquery键盘左右翻页,jquery键盘方向键翻页功能,当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转. HTML代码 <p>上一篇:<a id='pre' href='http://www.daimajiayuan.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a> </p> <p>下一篇:<a id='next' href='http://www.daimajiayuan.co

jquery实现键盘左右翻页特效

          jQuery实现网页上键盘左右方向键翻页代码,我们在很多小说网站经常看到这样的效果,这样可以给网站提高用户体验,方便访客翻页使用,从而大大提高了网站PV               jquery键盘左右翻页,jquery键盘方向键翻页功能,当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转. HTML代码 ? 1 2 <p>上一篇:<a id='pre' href='http://www.daimajiayuan.com/sitejs-17294-1.ht

JQuery插件iScroll实现下拉刷新,滚动翻页特效_jquery

JQuery插件:iScroll 页面布局: <div id="wrapper"> <div id="scroller"> <div id="pullDown"> <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span> <

jquery+css3问卷答题卡翻页动画效果示例_jquery

CSS3+jQuery制作立体翻页时间展示动画特效.该翻页插件的外观非常华丽喜庆,非常适合产品活动或者育儿网站使用. 这个选项调查的特效以选项卡的形式,每答完一道题目自动切换到下一条,颇具特色.使用jQuery和CSS3,适合HTML5浏览器. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatib

Js实现网页键盘控制翻页的方法_javascript技巧

本文实例讲述了Js实现网页键盘控制翻页的方法.分享给大家供大家参考.具体实现方法如下: 键盘控制翻页效果我想我们不少见了,经常在很多网站特别是相册的效果都可以直接使用键盘进行上下页进行翻页了,原理很简单,只要利用js监测用户是否有按上下键即可实现. 举例如下: 复制代码 代码如下: <a id="last" href="<?=$lefturl?>">上一章</a> <a id="booklist" hre

jQuery实现点击图片翻页展示效果的方法

 这篇文章主要介绍了jQuery实现点击图片翻页展示效果的方法,涉及jQuery操作图片的操作技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery实现点击图片翻页展示效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>基于jQu

《激战2》传奇盾牌逐火预言附带翻页特效

<http://www.aliyun.com/zixun/aggregation/6663.html">激战2>传奇盾牌逐火预言附带翻页特效,会在技能动画完成后出现. 逐火预言(盾牌) 846 - 954 伤害 超级战斗法印 装备代码:[&AgHodwAA] 备注:翻页特效会在技能动画完成后出现,没有施法时间的技能不会出现翻页效果.

网页翻页特效代码无法实现

问题描述 网页翻页特效代码无法实现 我用这段代码实现网页翻页特效:meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=1.0, transition=23)".但不知道怎么回事,在安装有的系统后这个特效却看不到,该如何解决,请高手指点! 解决方案 浏览器是不是同一个,是不是不支持的问题 解决方案二: 同意1楼 是不是浏览器兼容性的问题 多试几个浏览器