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”; |
至此全部修改完毕，刷新一下列表页试试吧。
1. 本站所提供的源码模板（主题/插件）等资源仅供学习交流，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担，有部分资源为网上收集或仿制而来，若模板侵犯了您的合法权益，请来信通知我们（Email: 1847046260@qq.com），我们会及时删除，给您带来的不便，我们深表歉意！
2. 分享目的仅供大家学习和交流，请不要用于商业用途！
3. 如果你也有好源码或者教程，可以到用户中心发布投稿，分享有佣金分成！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务 请大家谅解！
5. 如有链接无法下载、失效或广告，请联系站长，可领回失去的金币，并额外有奖！
6. 如遇到加密压缩包，默认解压密码为"www.9m8m.com",如遇到无法解压的请联系管理员！
7. 本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时联系我站删除。免责声明
精品源码网 » DedeCMS实现内容页和列表页键盘方向键翻页
2. 分享目的仅供大家学习和交流，请不要用于商业用途！
3. 如果你也有好源码或者教程，可以到用户中心发布投稿，分享有佣金分成！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务 请大家谅解！
5. 如有链接无法下载、失效或广告，请联系站长，可领回失去的金币，并额外有奖！
6. 如遇到加密压缩包，默认解压密码为"www.9m8m.com",如遇到无法解压的请联系管理员！
7. 本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时联系我站删除。免责声明
精品源码网 » DedeCMS实现内容页和列表页键盘方向键翻页
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源（除商业源码分类）均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 源码会提供后续更新服务吗？
- 只要是源码有了新的版本发布，那么我们就会发布出来，凡是vip会员都可享受免费下载更新的权限！
- 所有源码是否100%完整可运营？
- 因为时间、精力、条件和源码的复杂程度等诸多因素的限制，导致我们无法去对每一套源码都去做一个全面且深入的测试，所以我们无法保证站内所发布的源码全部都100%完整可运营，所以关于此问题就无法给大家做出任何承诺。
- 本站源码是否支持退款？
- 本站属于自动发货下载，源码是虚拟产品，易复制与传播，一旦购买是不支持退款的，感谢理解！
