一般来说电脑用户可以用鼠标的时候不会特意用键盘,因此博客吧认为通过键盘方向键来翻页的功能是鸡肋。不过对于喜欢用笔记本电脑躺床上看小说浏览网页图册的电脑用户来说,这个作用倒能提高网站的用户体验。下面是针对织梦dedecms实现方向键翻页效果的方法,有需要的织梦dedecms站长可以参考实现。
方法步骤:
在dedecms的include目录下找到arc.archives.class.php文件并对其进行编辑,在其中找到以下代码:
1 |
$this->PreNext[ 'pre' ] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> " ; |
|
将上面的代码替换为以下代码:
1 |
$this->PreNext[ 'pre' ] = "$mlink " ;$this->PreNext[ 'next' ] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> " ; |
|
接着在织梦dedecms模板文件的</head>前面添加以下JS调用代码进行调用:
01 |
<script type = "text/javascript" language= "javascript" > |
03 |
document.onkeydown=nextpage; |
04 |
var prevpage= '{dede:prenext get=' pre '/}' ; |
05 |
var nextpage= '{dede:prenext get=' next '/}' ; |
06 |
var index_page = "index.html" ; |
07 |
//var bookpage= "index.html" ; |
08 |
function nextpage(event) |
10 |
event = event ? event : (window.event ? window.event : null); |
11 |
// if (event.keyCode==13) location=bookpage |
12 |
if (event.keyCode==13) location=index_page |
13 |
if (event.keyCode==37) |
15 |
if (prevpage!= '' && prevpage!= '上一篇:没有了 ' ) |
20 |
if (event.keyCode==39) |
22 |
if (nextpage!= '' && nextpage!= '下一篇:没有了 ' ) |
29 |
function getElement(aID) |
31 |
return (document.getElementById) ? document.getElementById(aID): document.all[aID]; |
33 |
function makeRequest(url){ |
35 |
if (window.XMLHttpRequest){//Mozilla,Safari,... |
36 |
http_request=new XMLHttpRequest(); |
37 |
if (http_request.overrideMimeType){ |
38 |
http_request.overrideMimeType( 'text/xml' ); |
40 |
} else if (window.ActiveXObject){//IE |
42 |
http_request=new ActiveXObject( "Msxml2.XMLHTTP" ); |
45 |
http_request=new ActiveXObject( "Microsoft.XMLHTTP" ); |
50 |
alert( 'Giving up:(Cannot create an XMLHTTP instance)' ); |
|