Dedecms实现键盘方向键翻页效果教程_

作者 : 叶 落风前 本文共1832个字,预计阅读时间需要5分钟 发布时间: 2020-06-1 共55人阅读

织梦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> "; 

然后在内容页用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)  

{  

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!='上一篇:没有了 ')  

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> 

加入到文章模版的<body>标签之前的内容就行了。

当然为了防止页面代码臃肿,大家可以将此代码放在单独JS文件中采用外部调用即可,保持页面简洁清爽。

织梦DEDECMS教程之实现按键盘方向键实现上一页/下一页翻页效果制作完毕!

完整源码网ym0.cc,专业提供制网站源码,网站模板,源码下载,商业源码,游戏源码,找源码就到完整源码网 免责声明:本站所提供的资源来自于网络,版权争议与本站无关,版权归原创者所有! 仅限用于学习和研究目的,不得将上述内容资源用于商业或者非法用途. 否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源。如果上述内容资对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用! 如用于商业或者非法用途,与本站无关,一切后果请用户自负! 本站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。 如有侵权、不妥之处,请联系站长以便删除。 敬请谅解!侵权/投稿邮箱:157529987@qq.com!
完整源码网-ym0.cc » Dedecms实现键盘方向键翻页效果教程_

常见问题FAQ

开通VIP的好处?
VIP会员根据等级在相应的有效期内享有本站所有资源免费下载资源的权力,免费查看隐藏内容的权力,免费查看视频的权力,同时本站商品还会获得打折价格,并且拥有其他特殊的权力。
完整源码支持最新版本吗?
完整源码网支持永久更新!

发表评论