無憂主機(jī)小編最近在預(yù)覽一個(gè)博客的時(shí)候，因?yàn)檫@個(gè)博客寫的都是些技術(shù)文章，因?yàn)闊o憂主機(jī)小編感覺自己的知識(shí)還是非常值淺薄，所以經(jīng)常來看這些技術(shù)文章來彌補(bǔ)自身的不足，各位朋友們都知道，一般技術(shù)文章都是很長的，看完到底部的時(shí)候，怎么使我們的快速的回到頂部呢，因?yàn)橐徊讲降耐献吆苜M(fèi)時(shí)間的，所以無憂主機(jī)小編，就對(duì)這個(gè)開始慢慢的研究起來，下面就來看看無憂主機(jī)小編的思考思想吧！ 首先我們應(yīng)該知道360瀏覽器有一個(gè)功能鼠標(biāo)右鍵成垂直角不放向右就關(guān)閉了本頁的瀏覽頁面，其實(shí)這個(gè)就是用js來控制鼠標(biāo)事件，那么知道可以用這個(gè)方法實(shí)現(xiàn)，那么怎么使鼠標(biāo)事件雙擊回到頂部呢，有了這個(gè)思想至少我們的縮小范圍了，那么我們就可以去找一下相關(guān)的案例來看看，根據(jù)無憂主機(jī)小編數(shù)小時(shí)的奮斗，在相關(guān)的資料上進(jìn)行修改js代碼，這里無憂主機(jī)小編想說明的是無憂主機(jī)小編的js編程也不怎么樣，只是能看懂一點(diǎn)，可行實(shí)現(xiàn)樣的功能其實(shí)并不難。那無憂主機(jī)小編是怎么實(shí)現(xiàn)的呢？ 1、首先我們要知道一個(gè)網(wǎng)站有幾個(gè)模塊組成的，那么當(dāng)我們雙擊鼠標(biāo)的時(shí)候是與之header反應(yīng)的，所以找到當(dāng)前使用的模板的header.php，在里面適當(dāng)?shù)奈恢眉由弦韵麓a： <script type=”text/javascript”> $(function(){ var scrollTo = function(top, duration, callback) { var w = $(window); var FPS = 50; var currentTop = w.scrollTop(); var offset = (currentTop – top) / (duration * FPS / 1000); var n = 0; var prevTop = currentTop; var t = setInterval(function() { if ((prevTop – top) * (currentTop – top) <= 0) { clearInterval(t); currentTop = prevTop = top; w.scrollTop(top); if (callback) callback(); } else { prevTop = currentTop; w.scrollTop(currentTop -= offset); } }, 1000 / FPS); } $(‘body’).dblclick(function(){ scrollTo(0, 200, function(){ }); $(“.textField,#commentForm textarea”).focus(); }); $(‘#container.#footer’).dblclick(function(e){e.stopPropagation();}); }); </script> 這樣我們就完成了雙擊鼠標(biāo)快速回到頂部了，是不是感覺了很有成就感的樣子了呢。 感謝站長朋友們對(duì)無憂主機(jī)的支持與厚愛！ 無憂主機(jī)相關(guān)文章推薦閱讀： 添加WORDPRESS數(shù)據(jù)庫運(yùn)行狀態(tài)日志 設(shè)置WORDPRESS評(píng)論達(dá)到數(shù)量后自動(dòng)關(guān)閉評(píng)論 谷歌影響后WORDPRESS存在的問題并分析解決 WORDPRESS表單插件WP USER FRONTEND PROWWP

本文地址：http://www.gle-technology.com/wordpress/15292.html