Dedecms 模板中心

您现在的位置: 秀站网 > 织梦大学 > 使用教程 >

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

来源:重庆时时彩独胆技巧 发布时间:2017-07-14热度: ℃我要评论
经常可以在其他网站上看到有这样一种特效,按下键盘的左右方向键就可以实现翻页,十分还用,余斗想要在自己公司的网站上实现这个功能,因为网站后台是织梦的,Dede并不自带这个特效,所以需要...

本文地址:http://www.helaal.com/dedecms_jq/810.html
文章摘要: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";

至此全部修改完毕,重庆时时彩独胆技巧:刷新一下列表页试试吧。

本文地址:http://www.helaal.com/dedecms_jq/810.html

    pdf解密软件破解版 凤凰时时彩平台骗局 山东时时彩 时时彩五星缩水网页版 168时时彩开奖网站
    新时时彩软件官网 江西时时彩旧走势图 内蒙古时时彩怎么玩 网络重庆时时彩合法吗 时时彩什么软件好
    江西时时彩组六遗漏 博众时时彩 江西时时彩中奖 易购娱乐时时彩靠谱么 时时彩杀号定胆软件
    精彩时时彩软件免费版 时时彩程序一条龙演示 新疆时时彩微信号 信用卡时时彩平台 2016时时彩平台排行
    2017年打麻将处罚法律 广西快乐十分走势图非凡 机动风暴txt下载 秒速赛车是官网吗 江苏快3遗漏数据统计计划■江苏快3软件计划■江苏快3彩票
    体彩排列3走势图 幸运飞艇开奖视频直播 山西快乐10分前三组基本走势图 辽宁福彩快乐12选5走势图 山东11选5开奖视频直播
    青海快3推荐号 香港赛马会官方 广西11选五开奖 福建36选7开奖直播 pc蛋蛋注册
    湖北快3开奖结果 快乐扑克三 曾道人图库100tk 藏海花txt全集下载 pk10