正文

DedeCMS实现内容页和列表页键盘方向键翻页

一航
一航 V管理员 /0 评论 /1126 阅读
0404
此篇文章发布距今已超过374天，您需要注意文章的内容或图片是否可用！

经常可以在其他网站上看到有这样一种特效，按下键盘的左右方向键就可以实现翻页，十分还用，余斗想要在自己公司的网站上实现这个功能，因为网站后台是 的，Dede并不自带这个特效，所以需要我们自己扩展。

方法很简单，秀站网就教大家怎么实现：

一、复制以下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>


二、复制下样式和图片

/*上一篇 下一篇*/   .nexts{line-height:0;font-size:0;overflow:hidden;}   .prevs{line-height:0;font-size:0;overflow:hidden;}   .prevs a{background: url(“../images/arrow.png”) 0px -3px no-repeat;display: block;height: 95px;left: 50%;margin-top: -10%;position: fixed;text-indent: -999em;top: 50%;width: 60px;margin-left: -50%;}   .nexts a{background: url(“../images/arrow.png”) -70px -3px no-repeat;display: block;height: 95px;right: 50%;margin-top: -10%;position: fixed;text-indent: -999em;top: 50%;width: 60px;margin-right: -50%;}   .prevs a:hover{background: url(“../images/arrow.png”) 0px -103px no-repeat;display: block;}   .nexts a:hover{background: url(“../images/arrow.png”) -70px -103px no-repeat;display: block;}

图片为：

DedeCMS实现内容页和列表页键盘方向键翻页

二、 打开/include/arc.archives.class.php文件

找到：

$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  

找到：

$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”;

至此全部修改完毕，刷新一下列表页试试吧。

郑重声明 1 本站:优惠屋,永久网址: [www.yhwu.com]如遇链接失效、无法下载等情况，请联系管理员处理！
2 本站分享的资源仅为学习研究使用不得进行商业运营，不得违法使用！您必须在下载后24小时内删除！
3 本站分享的资源均来源于网络，不保证100%可用，不提供任何的一对一教学指导，风险请自行甄别！
4 站内资源标价费用仅为维持本站日常运营所需！因虚拟商品具有可复制性，一经拍下概不退款！
5 因精力有限，无法识别资源内是否含有病毒等计算机恶意代码，使用请注意信息安全。
6 本站资源来源于网络。如发现有涉嫌抄袭侵权等内容， 请发送邮件联系我们，我们将积极应对删除处理。