wordpress利用鍵盤(pán)左右鍵實(shí)現(xiàn)上下翻頁(yè)的方法
本文實(shí)例講述了wordpress利用鍵盤(pán)左右鍵實(shí)現(xiàn)上下翻頁(yè)的方法。分享給大家供大家參考。具體分析如下:
利用鍵盤(pán)左右鍵翻頁(yè)效果其實(shí)只是我們利用了一款js效果,用鍵盤(pán)左右鍵實(shí)現(xiàn)wordpress上下翻頁(yè),其實(shí)原理和ctrl+enter來(lái)實(shí)現(xiàn)提交評(píng)論一樣的道理,支持ie和ff,沒(méi)有測(cè)試是否兼容谷歌chrome,我私下里覺(jué)得既然支持firefox那應(yīng)該會(huì)支持chrome了,應(yīng)該吧.
實(shí)例代碼如下:
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', true)); ?>";
}
將上面給出的翻頁(yè)代碼復(fù)制到single.php內(nèi)保存,無(wú)論是IE還是FF,均能完美實(shí)現(xiàn)鍵盤(pán)翻頁(yè),說(shuō)明:get_adjacent_post()函數(shù)中的42是指排除分類ID為42的文章——也就是說(shuō),在翻頁(yè)過(guò)程中會(huì)自動(dòng)跳過(guò)該分類下的文章(因?yàn)楸菊綢D=42的分類被用于改造個(gè)人微博,并不想與文章一起翻頁(yè)展示),如果沒(méi)有特殊要求,這個(gè)參數(shù)留空即可,讀者可根據(jù)個(gè)人博客的實(shí)際需要自行修改.
文章列表頁(yè)面(如首頁(yè)、分類頁(yè)面、存檔頁(yè)面等)是否也可以實(shí)現(xiàn)鍵盤(pán)翻頁(yè)呢?我們只需使用
get_previous_posts_page_link()和get_next_posts_page_link()代替上述代碼中的get_adjacent_post()函數(shù)即可達(dá)到目的:
實(shí)例代碼如下:
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_previous_posts_page_link(); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_next_posts_page_link(); ?>";
}
將上面的代碼放置到相應(yīng)頁(yè)面,感興趣的朋友可以試一下.
希望本文所述對(duì)大家的WordPress建站有所幫助。
相關(guān)文章
Macbook翻頁(yè)滾動(dòng)手勢(shì)的方向怎么設(shè)置?
如何更改Macbook翻頁(yè)滾動(dòng)手勢(shì)(方向)?使用蘋(píng)果電腦的朋友都知道,Macbook的滾輪是和Windows相反的。如果操作不習(xí)慣,可以更改回來(lái)嗎?答案是可以的,下面跟著我的設(shè)置來(lái)修2015-03-12魔獸世界6.0戰(zhàn)士滾輪翻頁(yè)宏_魔獸世界6.0戰(zhàn)士滾輪翻頁(yè)宏分享
魔獸世界6.0戰(zhàn)士滾輪翻頁(yè)宏_魔獸世界6.0戰(zhàn)士滾輪翻頁(yè)宏分享。一起跟隨小編過(guò)來(lái)看看吧2015-01-05魔獸世界6.0戰(zhàn)士實(shí)用宏分享 滾輪翻頁(yè)宏值得擁有
魔獸世界6.0戰(zhàn)士實(shí)用宏分享 滾輪翻頁(yè)宏值得擁有2015-01-04Wordpress分類,標(biāo)簽,分頁(yè)顯示及翻頁(yè)出現(xiàn)404錯(cuò)誤的解決方法
這篇文章主要為大家介紹了Wordpress分類,標(biāo)簽,分頁(yè)顯示及翻頁(yè)出現(xiàn)404錯(cuò)誤的解決方法,涉及對(duì)代碼中handle_404方法的修改,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-31dedecms列表頁(yè)上一頁(yè)下一頁(yè)翻頁(yè)單獨(dú)調(diào)用的方法
這篇文章主要為大家介紹了dedecms列表頁(yè)上一頁(yè)下一頁(yè)翻頁(yè)單獨(dú)調(diào)用的方法,涉及針對(duì)列表頁(yè)底層代碼部分的修改,對(duì)于dedecms二次開(kāi)發(fā)有一定的借鑒價(jià)值,需要的朋友可以參考下2014-12-16PS設(shè)計(jì)制作一個(gè)逼真的翻頁(yè)日歷圖標(biāo)教程
這篇文章主要介紹了PS設(shè)計(jì)制作一個(gè)逼真的翻頁(yè)日歷圖標(biāo)教程,教程不復(fù)雜,喜歡的朋友可以一起來(lái)學(xué)習(xí)2014-12-15
翻頁(yè)電子相冊(cè)制作(FLIP Flash Album Deluxe) v2.0 多語(yǔ)安裝版
FLIP Flash Album Deluxe是最好的3D頁(yè)面翻轉(zhuǎn)的數(shù)位照片軟體,您可以創(chuàng)建翻頁(yè)Flash相冊(cè)的照片,描述和動(dòng)態(tài)Flash效果,自己動(dòng)手做電子雜志和書(shū)籍2014-12-09
FlippingBook超牛逼的特別版不限頁(yè)數(shù)(圖書(shū)翻頁(yè)效果)
一款收費(fèi)的圖書(shū)翻頁(yè)效果的flash播放器,超牛逼的破解版FlippingBook不限頁(yè)數(shù),已經(jīng)被大牛破解了,大家放心盡快用吧2014-12-03
Jquery結(jié)合angular.js與bootstrap.js實(shí)現(xiàn)的無(wú)刷新翻頁(yè)+查找特效源碼
是一段可以實(shí)現(xiàn)同一頁(yè)面內(nèi)無(wú)刷新翻頁(yè)+查找功能的代碼,同時(shí)在本壓縮包內(nèi)擁有angular.js與bootstrap.js的文件,有需要這兩個(gè)文件或喜歡此段代碼的朋友們可以前來(lái)下載使用2014-12-01
BookBlock 之真實(shí)的書(shū)本翻頁(yè)效果
這個(gè)名為 BookBlock 的圖片預(yù)覽效果是一個(gè)書(shū)展示或網(wǎng)上書(shū)店的概念,已全屏打開(kāi)3D頁(yè)面導(dǎo)航網(wǎng)格的形式顯示圖書(shū)的詳細(xì)信息,需要的朋友一起來(lái)學(xué)習(xí)BookBlock 之真實(shí)的書(shū)本翻頁(yè)2015-08-24





