361源碼小編經常會逛一下其他網站,例如小說站,漫畫站,經常會看到不少網站這樣的一種特效:按下鍵盤的左右方向鍵就可以實現翻頁,十分還用方便。361資源小編就想織夢dedecms是否也能實現這樣的功能呢?說干就干,361源碼小編分析了2個站點后下面動手來二次開發擴展織夢的列表頁和內容的翻頁功能。
下面就是361源碼的具體實現方法:
一、復制以下JS文件到我們的列表頁和內容頁模版中:
<script language="javascript" type="text/javascript">
$(document).ready(function(){
var prevpage=$("#pre").attr("href");
var nextpage=$("#next").attr("href"); $("body").keydown(function(event){
if(event.keyCode==37 && prevpage!=undefined) location=prevpage;
if(event.keyCode==39 && nextpage!=undefined) location=nextpage; });
});
</script>
二、 打開/include/arc.archives.class.php文件找到(大概在813行左右)
$this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";更改為
$this->PreNext['pre'] = "上一篇:<a id='pre' href='$mlink'>{$preRow['title']}</a> ";找到
$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> ";更改為
$this->PreNext['next'] = "下一篇:<a id='next' href='$mlink'>{$nextRow['title']}</a> ";改完后保存,然后去刷新內容頁,然后按下鍵盤的左右鍵,應該已經改好了。
三、接下來進行列表頁,打開/include/arc.listview.class.php,找到(大概在1147行左右)
$prepage.="<a href='".$purl."PageNo=$prepagenum'>上一頁</a>/r/n";
更改為
$prepage.="<a id='pre' href='".$purl."PageNo=$prepagenum'>上一頁</a>/r/n";
找到
$nextpage.="<a href='".$purl."PageNo=$nextpagenum'>下一頁</a>/r/n";
更改為
$nextpage.="<a id='next' href='".$purl."PageNo=$nextpagenum'>下一頁</a>/r/n";
至此全部修改完畢,刷新一下列表頁試試吧。這樣就可以完美實現內容頁和列表頁鍵盤方向鍵翻頁,快去加上吧!
最后做個小結:
通過鍵盤方向鍵實現上下頁的翻頁效果其實就是通過JS實現鍵盤的操作,這樣的操作其實還可以演變到很多其他的站點或者CMS,有興趣的朋友可以自己研究和摸索,如果有不明白的可以加群討論。
以上就是DedeCMS實現列表頁和內容頁方向鍵翻頁效果的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。新聞熱點
疑難解答