微客导航 » 文章资讯 » jQuery实现按键盘方向键翻页特效

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

2024-04-03 08:08:06 406

1.jQuery代码：


$(document).ready(function(){

   varprevpage=$("#pre").attr("href");

   varnextpage=$("#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>

上一篇：

<aid='pre'href='https://www.nhooo.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a>

</p>

<p>

下一篇：

<aid='next'href='https://www.nhooo.com/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a>

</p>

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

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐