一般來說電腦用戶可以用鼠標的時候不會特意用鍵盤,因此博客吧認為通過鍵盤方向鍵來翻頁的功能是雞肋。不過對于喜歡用筆記本電腦躺床上看小說瀏覽網頁圖冊的電腦用戶來說,這個作用倒能提高網站的用戶體驗。下面是針對織夢dedecms實現方向鍵翻頁效果的方法,有需要的織夢dedecms站長可以參考實現。
方法步驟:
在dedecms的include目錄下找到arc.archives.class.php文件并對其進行編輯,在其中找到以下代碼:
$this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";
|
將上面的代碼替換為以下代碼:
$this->PreNext['pre'] = "$mlink ";$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> ";
|
接著在織夢dedecms模板文件的</head>前面添加以下JS調用代碼進行調用:
<script type="text/javascript" language="javascript">
<!--
document.onkeydown=nextpage;
var prevpage='{dede:prenext get='pre'/}';
var nextpage='{dede:prenext get='next'/}';
var index_page = "index.html";
//var bookpage="index.html";
function nextpage(event)
{
event = event ? event : (window.event ? window.event : null);
//if (event.keyCode==13) location=bookpage
if (event.keyCode==13) location=index_page
if (event.keyCode==37)
{
if (prevpage!='' && prevpage!='上一篇:沒有了 ')
location=prevpage;
else
alert('這是第一頁');
}
if (event.keyCode==39)
{
if (nextpage!='' && nextpage!='下一篇:沒有了 ')
location=nextpage;
else
alert('已經是最后一頁了');
}
}
//-->
function getElement(aID)
{
return (document.getElementById) ? document.getElementById(aID): document.all[aID];
}
function makeRequest(url){
http_request=false;
if(window.XMLHttpRequest){//Mozilla,Safari,...
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType('text/xml');
}
}else if(window.ActiveXObject){//IE
try{
http_request=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
if(!http_request){
alert('Giving up:(Cannot create an XMLHTTP instance)');
return false;
}
return http_request;
}
</script>
|
也可將上面的代碼整理,保存為.js文件再進行調用,這樣可以保持網頁代碼整潔。 至此就可實現織夢dedecms鍵盤方向鍵翻頁效果