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

时间:2023-08-09 12:04 浏览:0 评论:0
0

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

方法很简单,秀站网就教大家怎么实现: 一、复制以下JS文件到我们的列表页和内容页模版中:  

二、复制下样式和图片 /*上一篇 下一篇*/ .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'] = "上一篇:{$preRow['title']} ";   更改为  $this->PreNext['pre'] = "上一篇:{$preRow['title']} "; 找到 : $this->PreNext['next'] = "下一篇:{$nextRow['title']} "; 更改为 $this->PreNext['next'] = "下一篇:{$nextRow['title']} ";

改完后保存,然后去刷新内容页,然后按下键盘的左右键,应该已经改好了。 三、接下来进行列表页,打开/include/arc.listview.class.php  

找到:

$prepage.="上一页\r\n"; 更改为  $prepage.="上一页\r\n"; 找到 : $nextpage.="下一页\r\n"; 更改为  $nextpage.="下一页\r\n"; 至此全部修改完毕,刷新一下列表页试试吧。

1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. dedecms > DedeCMS实现内容页和列表页键盘方向键翻页

用户评论