Dedecms實(shí)現(xiàn)鍵盤(pán)方向鍵翻頁(yè)效果教程

來(lái)源：本站原創(chuàng)|時(shí)間：2021-08-05|欄目：dedecms|點(diǎn)擊：次

DEDECMS織夢(mèng)教程之實(shí)現(xiàn)按鍵盤(pán)方向鍵實(shí)現(xiàn)上一頁(yè)/下一頁(yè)翻頁(yè)效果，這樣可以提高用戶體驗(yàn)，特別是在小說(shuō)站和圖片站中用的比較多。

DEDECMS教程之鍵盤(pán)翻頁(yè)的制作方法：

打開(kāi) 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> ";

然后在內(nèi)容頁(yè)用js進(jìn)行調(diào)用，代碼如下：

<!--

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)

{

eventevent = 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!='上一篇：沒(méi)有了 ')

location=prevpage;

else

alert('這是第一頁(yè)');

}

if (event.keyCode==39)

{

if (nextpage!='' && nextpage!='下一篇：沒(méi)有了 ')

location=nextpage;

else

alert('已經(jīng)是最后一頁(yè)了');

}

//-->

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>

加入到文章模版的<body>標(biāo)簽之前的內(nèi)容就行了。

當(dāng)然為了防止頁(yè)面代碼臃腫，大家可以將此代碼放在單獨(dú)JS文件中采用外部調(diào)用即可，保持頁(yè)面簡(jiǎn)潔清爽。

織夢(mèng)DEDECMS教程之實(shí)現(xiàn)按鍵盤(pán)方向鍵實(shí)現(xiàn)上一頁(yè)/下一頁(yè)翻頁(yè)效果制作完畢！

上一篇：織夢(mèng)dede去掉后臺(tái)登陸界面廣告的方法

欄目：dedecms

下一篇：dedecms標(biāo)簽channel 頻道調(diào)用標(biāo)簽

本文標(biāo)題：Dedecms實(shí)現(xiàn)鍵盤(pán)方向鍵翻頁(yè)效果教程

本文地址：http://www.jygsgssxh.com/a1/dedecms/15643.html

更多dedecms

雷火电竞-中国电竞赛事及体育赛事平台

dedecms

Dedecms實(shí)現(xiàn)鍵盤(pán)方向鍵翻頁(yè)效果教程

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀