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

经常可以在其他网站上看到有这样一种特效,按下键盘的左右方向键就可以实现翻页,十分还用,余斗想要在自己公司的网站上实现这个功能,因为网站后台是织梦的,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;}

图片为:  

二、 打开/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”; 

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

本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。
黑碟资源 » DedeCMS实现内容页和列表页键盘方向键翻页