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

    仿重庆时时彩平台源码 重庆时时彩平台代理 时时彩计划软件排行榜 玩时时彩的平台 免费的重庆时时彩软件
    时时彩五星上银狐网 天津时时彩开奖 重庆时时彩走势图所有期数 时时彩报号软件手机版 时时彩平台真假
    大龙虾时时彩软件用法 博众时时彩 江西时时彩二星号码 优游时时彩平台 时时彩随机选号
    预测时时彩软件手机版下载 莆田时时彩平台 天津时时彩平台开发 万和城时时彩 重庆时时彩号码预测网
    北京pk10计划软件 北京赛车pk10开 山西十一选五遗漏走势图 江苏快3开奖结果 新疆福利彩票35选7预测
    今日甘肃快三推荐号码 广东26选5开奖结果查询 极速赛车出号规律 新疆25选7走势图 北京快乐8开奖结果
    内蒙古11选5预测分析 腾讯分分彩趋势 东方一分彩投注网站 宁夏十一选五走势图电子版 云南11选5官网
    江西时时彩后三组三 体彩排列3走势图 快3走势图甘肃 云南11选5走势图技巧 双色球中奖号码