您现在的位置是:主页 > news > 夜里十大禁用羞羞app/正规网站优化推广
夜里十大禁用羞羞app/正规网站优化推广
admin2025/5/1 6:26:54【news】
简介夜里十大禁用羞羞app,正规网站优化推广,网站服务器vps,用vue框架做的pc端网站先说明一下,我使用的WORDPRESS版本是3.4.1,使用的模板主题是NeoEase 开发的iNove,可以点击这里 进 行下载。我之所以想要在文章页面获取上一下及下一页的地址,只是想要实现一个功能,增加使用键盘的前进"->&quo…
夜里十大禁用羞羞app,正规网站优化推广,网站服务器vps,用vue框架做的pc端网站先说明一下,我使用的WORDPRESS版本是3.4.1,使用的模板主题是NeoEase 开发的iNove,可以点击这里 进 行下载。我之所以想要在文章页面获取上一下及下一页的地址,只是想要实现一个功能,增加使用键盘的前进"->&quo…
先说明一下,我使用的WORDPRESS版本是3.4.1,使用的模板主题是NeoEase 开发的iNove,可以点击这里 进 行下载。我之所以想要在文章页面获取上一下及下一页的地址,只是想要实现一个功能,增加使用键盘的前进"->"及后退"<-"按钮进行翻页的 功能,这个功能虽然简单,但是却比较实用,可以省去我拖拉页面到底部,然后再去点击下一页的时间,以下我就讲一下我的实现步骤。打开主题页面下的 single.php这个文件,找到以下内容:
- <div id= "postnavi" >
- <span class = "prev" ><?php next_post_link( '%link' ) ?></span>
- <span class = "next" ><?php previous_post_link( '%link' ) ?></span>
- <div class = "fixed" ></div>
- </div>
将其修改为:
- <div id= "postnavi" >
- <span class = "prev" id= "prePage" ><?php next_post_link( '%link' ) ?></span>
- <span class = "next" id= "nextPage" ><?php previous_post_link( '%link' ) ?></span>
- <div class = "fixed" ></div>
- </div>
在文件的末尾增加如下JS:
- <script language= "javascript" >
- document.οnkeydοwn=gotoPage;
- var preUrl = document.getElementById( "prePage" ).innerHTML.toLowerCase();
- var start = preUrl.indexOf( 'http' );
- var end = preUrl.indexOf( '" rel' );
- preUrl = preUrl.substring(start,end);
- var nextUrl = document.getElementById( "nextPage" ).innerHTML.toLowerCase();
- var start = nextUrl.indexOf( 'http' );
- var end = nextUrl.indexOf( '" rel' );
- nextUrl = nextUrl.substring(start,end);
- function gotoPage(event)
- {
- event = event ? event : (window.event ? window.event : null );
- if (event.keyCode==37)
- {
- if (preUrl!= '' ){
- window.location=preUrl;
- }
- else {
- alert('This is already the first page."' );
- }
- }
- if (event.keyCode==39)
- {
- if (nextUrl!= '' ){
- window.location=nextUrl;
- }
- else {
- alert('This is already the last page."' );
- }
- }
- }
- </script>
OK,搞定收工,这下就可能通过键盘的前进后退键进行翻页了。
本文出自:冯立彬的博客 (http://www.fenglibin.com ),原文地址:http://www.fenglibin.com/get_pre_and_next_page_url_in_wordpress.html