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