您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程
织梦dedecms怎么实现键盘方向键翻页效果
凡柔2023-09-16DedeCMS教程已有人查阅
导读一般来说电脑用户可以用鼠标的时候不会特意用键盘,因此博客吧认为通过键盘方向键来翻页的功能是鸡肋。不过对于喜欢用笔记本电脑躺床上看小说浏览网页图册的电脑用户来说
一般来说电脑用户可以用鼠标的时候不会特意用键盘,因此博客吧认为通过键盘方向键来翻页的功能是鸡肋。不过对于喜欢用笔记本电脑躺床上看小说浏览网页图册的电脑用户来说,这个作用倒能提高网站的用户体验。下面是针对织梦dedecms实现方向键翻页效果的方法,有需要的织梦dedecms站长可以参考实现。
方法步骤:
在dedecms的include目录下找到arc.archives.class.php文件并对其进行编辑,在其中找到以下代码:
方法步骤:
在dedecms的include目录下找到arc.archives.class.php文件并对其进行编辑,在其中找到以下代码:
$this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";
将上面的代码替换为以下代码:
$this->PreNext['pre'] = "$mlink ";$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> ";
接着在织梦dedecms模板文件的</head>前面添加以下JS调用代码进行调用:
<script type="text/javascript" language="javascript">
<!--
document.onkeydown=nextpage;
var prevpage='{dede:prenext get='pre'/}';
var nextpage='{dede:prenext get='next'/}';
var index_page = "index.html";
//var bookpage="index.html";
function nextpage(event)
{
event = event ? event : (window.event ? window.event : null);
//if (event.keyCode==13) location=bookpage
if (event.keyCode==13) location=index_page
if (event.keyCode==37)
{
if (prevpage!='' && prevpage!='上一篇:没有了 ')
location=prevpage;
else
alert('这是第一页');
}
if (event.keyCode==39)
{
if (nextpage!='' && nextpage!='下一篇:没有了 ')
location=nextpage;
else
alert('已经是之后一页了');
}
}
//-->
function getElement(aID)
{
return (document.getElementById) ? document.getElementById(aID): document.all[aID];
}
function makeRequest(url){
http_request=false;
if(window.XMLHttpRequest){//Mozilla,Safari,...
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType('text/xml');
}
}else if(window.ActiveXObject){//IE
try{
http_request=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
if(!http_request){
alert('Giving up:(Cannot create an XMLHTTP instance)');
return false;
}
return http_request;
}
</script>
也可将上面的代码整理,保存为.js文件再进行调用,这样可以保持网页代码整洁。 至此就可实现织梦dedecms键盘方向键翻页效果
本文标签:
很赞哦! ()
相关教程
图文教程
dedecms网站模板制作方法介绍
一、织梦模板解析引擎概述 在了解DedeCms的模板代码之前,了解一下织梦模板引擎的知识是非常有意义的。织梦模板引擎是一种使用XML名字空间形式的模板解析器
dede专题节点文章按id点击等类型排序的实现方法
使用dedecms弄一个专题,添加内容发现内容标题不是按照添加的id排序的,也不是按照id顺序排列的。感觉像是随机的,按照 标题的id 降序排列。
织梦cms在datalist标签中怎么调出文章url
用过dedecms系统的都知道它的模板标签自由度有很大的局限性,在我使用datalist这个标签时,如果不加扩展是无法直接调用文章的url的地址的。
本地主机怎么绑定虚拟域名
一个网站在上线之前都需要经过本地测试,测试无误后再上传到服务器空间。网站在本地测试过程中可以使用默认的地址如:localhost或者127.0.0.1来访问本地的测试网站
相关源码
-
响应式电脑维修办公用品维护pbootcms网站模板模板介绍(自适应手机版)响应式电脑修理公司pbootcms网站模板-蓝色HTML5电脑修理维修店网站源码下载PbootCMS内核开发的营销型网站模板,该模查看源码 -
(自适应html5)自媒体运营培训教程个人博客pbootcms模板本模板基于PbootCMS系统开发,特别适合自媒体运营培训、知识付费类网站使用。采用响应式设计,能够适配各类终端设备,为内容创作者提供专业的内容展示平台。查看源码 -
(自适应响应式)动力刀座五金机械设备pbootcms网站源码下载为动力刀座及五金机械企业定制的响应式网站框架,基于PbootCMS系统深度开发,助力传统制造企业实现数字化转型升级。采用手工编写的DIV+CSS前端架构,代码执行效率提升40%。查看源码 -
html5响应式pbootcms模板新闻资讯博客网站源码该模板采用PbootCMS内核开发,专为新闻资讯类网站打造,同时具备高度行业适配性--只需替换图文内容即可快速转型为企业官网、行业门户等各类站点。查看源码 -
(自适应响应式)个人作品技术文章博客网站模板下载基于PbootCMS内核开发的响应式博客模板,为数字营销、技术分享类内容打造。采用前沿设计理念,兼顾内容展示与阅读体验,适配各类终端设备。通过本模板可快速构建专业级行业博客,有效传播专业知识与案例成果。查看源码 -
(PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户,基于PbootCMS开源内核深度开发,采用HTML5自适应架构,实现PC与移动端数据实时同步展示。查看源码
| 分享笔记 (共有 篇笔记) |
