当前位置：主页 > 网站建设 > Dedecms实现键盘方向键翻页效果教程,织梦文章

Dedecms实现键盘方向键翻页效果教程,织梦文章

时间:2023-07-18 11:07:18 阅读: 文章分类: 网站建设作者: dede开发者

导读:织梦文章织梦文章DEDECMS教程之实现按键盘方向键实现上一页/下一页翻页效果，这样可以提高用户体验，特别是在小说站和图片站中用的比较多。 DEDECMS教程之键盘翻页的制作方dede织梦模板织梦模板网。

dede织梦模板织梦模板网

DEDECMS教程之实现按键盘方向键实现上一页/下一页翻页效果，这样可以提高用户体验，特别是在小说站和图片站中用的比较多。

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> ";

然后在内容页用js进行调用，代码如下：

<!--

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)

{

eventevent = 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();

关键词标签: 织梦翻页方向键

声明: 本文由我的SEOUC技术文章主页发布于:2023-07-18 ，文章Dedecms实现键盘方向键翻页效果教程,织梦文章主要讲述翻页,方向键,织梦网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_29812.html