Dedecms實現(xiàn)鍵盤方向鍵翻頁效果教程_DedeCms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
織夢DEDECMS教程之實現(xiàn)按鍵盤方向鍵實現(xiàn)上一頁/下一頁翻頁效果,這樣可以提高用戶體驗,特別是在小說站和圖片站中用的比較多。
今天教大家一下DEDECMS教程之鍵盤翻頁的制作方法:
- $this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";
替換成以下代碼:
- $this->PreNext['pre'] = "$mlink ";$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> ";
然后在內容頁用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)
- {
- eventeventevent = 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('已經(jīng)是最后一頁了');
- }
- }
- //-->
- 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>標簽之前的內容就行了。
當然為了防止頁面代碼臃腫,大家可以將此代碼放在單獨JS文件中采用外部調用即可,保持頁面簡潔清爽。
織夢DEDECMS教程之實現(xiàn)按鍵盤方向鍵實現(xiàn)上一頁/下一頁翻頁效果制作完畢!
僅供大家學習參考。希望能幫助到你相關DedeCms教程:
- DEDECMS附件按月保存,修改DEDE附件不按天保存
- dedecms織夢的循環(huán)次數(shù)的方法并做條件判斷
- dedecms問題Cannot modify header information headers
- 織夢Dedecms模板中使用field:array進行if條件判斷
- 織夢DedeCMS轉換WordPress方法
- 織夢dedecms自定義模型采集數(shù)據(jù)
- 織夢dedecms軟件內容頁調用下載級別名稱
- DedeCMS修改模板默認CSS文件分析全過程
- dedecms自定義表單后臺顯示時間格式錯誤的解決方法
- sonchannel 子欄目調用標簽的使用教程
- dede:loop標簽下使用[field:global name=autoindex/]方法
- Dedecms通過sql命令清楚網(wǎng)站以及重置文章ID排序的辦法
DedeCms教程教程Rss訂閱Cms教程搜索
DedeCms教程推薦
猜你也喜歡看這些
- 織夢dedecms產(chǎn)品展示營銷類企業(yè)網(wǎng)站模板
- 織夢大氣酷炫的網(wǎng)絡工作室,網(wǎng)站設計公司模板
- 織夢DEDE網(wǎng)絡工作室模板/設計工作室-沖刺2014
- dedecms科技產(chǎn)品-移動產(chǎn)品類通用模板(帶手機版)
- dedecms工程建材房產(chǎn)企業(yè)模板
- dedecms藍色大氣通用網(wǎng)站模板 適合產(chǎn)品種類繁多的企業(yè)使用
- dedecms項目建設-工程項目類企業(yè)響應式模板(終端自適應)
- 織夢html5網(wǎng)絡公司-設計公司自適應網(wǎng)站模板
- 織夢HTML5響應式通用企業(yè)網(wǎng)站模板
- dedecms響應式網(wǎng)絡公司-設計公司網(wǎng)站模板