管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

js键盘方向键文章翻页跳转的效果[小说站常用已支持firefox]

　　一个小小的人性化功能，给用户很大的方便，所以如果你要做类似的网站，侠客建议还是加上哟。

　　先体验一下此功能吧：

　　按下向左方向键转到:www.baidu.com

　　按下向右方向键转到:www.google.com

　　按下向回车键转到:www.glzy8.com

　　按下ctrl+enter回车键转到:www.glzy8.com

　　实现本功能的javascript代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>支持按键盘方向键翻页跳转的代码</title> 
</head>

<body>

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3Djavascript%3E%20%0D%0Adocument.onkeydown%20%3D%20pageEvent%3B%20%0D%0Avar%20enableEnter%20%3D%20true%3B%20%2F%2F%E6%98%AF%E5%90%A6%E6%94%AF%E6%8C%81%E5%9B%9E%E8%BD%A6%E8%BD%AC%E5%90%91%EF%BC%8C%E4%B8%80%E8%88%AC%E6%83%85%E5%86%B5%E5%A6%82%E6%9E%9C%E9%A1%B5%E9%9D%A2%E9%9C%80%E8%A6%81%E5%8F%91%E5%B8%83%E8%AF%84%E8%AE%BA%E4%BB%80%E4%B9%88%E7%9A%84%EF%BC%8C%E8%BF%99%E4%B8%AA%E5%BC%80%E5%90%AF%E4%BA%86%E4%B8%8D%E5%A5%BD%E3%80%82%20%0D%0Avar%20prevpage%3D%22http%3A%2F%2Fwww.baidu.com%22%20%2F%2F%E5%90%91%E5%B7%A6%20%E8%BF%99%E4%B8%AA%E4%B8%80%E8%88%AC%E6%98%AFhtml%E7%94%9F%E6%88%90%E7%9A%84%E4%B8%8A%E4%B8%80%E9%A1%B5%E7%9A%84%E5%AE%9E%E9%99%85%E5%9C%B0%E5%9D%80%20%0D%0Avar%20nextpage%3D%22http%3A%2F%2Fwww.google.com%22%20%2F%2F%E5%90%91%E5%8F%B3%20%E8%BF%99%E4%B8%AA%E4%B8%80%E8%88%AC%E6%98%AFhtml%E7%94%9F%E6%88%90%E7%9A%84%E4%B8%8B%E4%B8%80%E9%A1%B5%E7%9A%84%E5%AE%9E%E9%99%85%E5%9C%B0%E5%9D%80%20%0D%0Avar%20bookpage%3D%22http%3A%2F%2Fwww.glzy8.com%22%20%2F%2F%E5%9B%9E%E8%BD%A6%20%E4%B8%80%E8%88%AC%E7%94%A8%E4%BA%8E%E8%BF%94%E5%9B%9E%E9%A6%96%E9%A1%B5%E6%88%96%E5%BD%93%E5%89%8D%E6%96%87%E7%AB%A0%E7%9A%84%E7%AC%AC%E4%B8%80%E9%A1%B5%20%0D%0Afunction%20pageEvent(evt)%7B%20%0D%0Aevt%20%3D%20evt%20%7C%7Cwindow.event%3B%20%0D%0Avar%20key%3Devt.which%7C%7Cevt.keyCode%3B%20%0D%0Aif%20(key%20%3D%3D%2013)%7B%20%0D%0Aif%20(enableEnter)%7B%20%0D%0Alocation%20%3D%20bookpage%20%0D%0Areturn%20false%3B%20%0D%0A%7D%3B%20%0D%0A%7D%3B%20%0D%0Aif%20(key%20%3D%3D%2037)%20location%20%3D%20prevpage%20%0D%0Aif%20(key%20%3D%3D%2039)%20location%20%3D%20nextpage%20%0D%0A%7D%3B%20%0D%0A%0D%0A%0D%0A%0D%0A%3C%2FSCRIPT%3E"> 
说明：按键盘← →方向键 或 PageUp PageDown键直接翻页 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　上面的代码不是直接使用的，必须是你生成静态页的上一页，下一页的实际地址。

教程首页更多教程

js键盘方向键 文章翻页跳转的效果[小说站常用已支持firefox]

js键盘方向键文章翻页跳转的效果[小说站常用已支持firefox]