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: rayer@88.com），我们会及时删除，给您带来的不便，我们深表歉意！
2. 分享目的仅供大家学习和交流，请不要用于商业用途！
3. 如果你也有好源码或者教程，可以到用户中心发布投稿，分享有金币奖励和额外收入！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务 请大家谅解！
5. 如有链接无法下载、失效或广告，请联系站长，可领回失去的金币，并额外有奖！
6. 如遇到加密压缩包，默认解压密码为"www.zyfx8.cn",如遇到无法解压的请联系管理员！
本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时联系我站删除。免责声明
资源分享吧 » DedeCMS实现内容页和列表页键盘方向键翻页
2. 分享目的仅供大家学习和交流，请不要用于商业用途！
3. 如果你也有好源码或者教程，可以到用户中心发布投稿，分享有金币奖励和额外收入！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务 请大家谅解！
5. 如有链接无法下载、失效或广告，请联系站长，可领回失去的金币，并额外有奖！
6. 如遇到加密压缩包，默认解压密码为"www.zyfx8.cn",如遇到无法解压的请联系管理员！
本站部分文章、资源来自互联网，版权归原作者及网站所有，如果侵犯了您的权利，请及时联系我站删除。免责声明
资源分享吧 » DedeCMS实现内容页和列表页键盘方向键翻页
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 织梦模板使用说明
- 你下载的织梦模板并不包括DedeCMS使用授权，根据DedeCMS授权协议，除个人非盈利站点外，均需购买DedeCMS商业使用授权。购买地址： http://www.desdev.cn/service-dedecms.html
