返回頁(yè)面頂部top按鈕通過(guò)錨點(diǎn)實(shí)現(xiàn)(自寫(xiě))
實(shí)現(xiàn)了我的小跳槽以后，從8月7號(hào)入職了現(xiàn)在的這家公司，我好像是加入了救火隊(duì)的行列，還沒(méi)有開(kāi)始開(kāi)發(fā)新的模塊，只是一直在實(shí)現(xiàn)已經(jīng)上線模塊中的新需求，有時(shí)候也真想問(wèn)問(wèn)，某些用戶的腦子是不是進(jìn)水了，提出來(lái)的需求只想讓人笑三聲。。。幸好項(xiàng)目組做需求的姐姐工作經(jīng)驗(yàn)十分豐富，能夠很好地和用戶協(xié)調(diào)，讓我們這些開(kāi)發(fā)人員也沒(méi)那么辛苦~
用戶在使用系統(tǒng)時(shí)，會(huì)有很多表單的操作，然而很多表單都是裹腳布啊，長(zhǎng)啊長(zhǎng)~
所以就需要一個(gè)返回頁(yè)面頂部的top按鈕啦~
雖然說(shuō)網(wǎng)上的方法有很多種，但是未免過(guò)于繁瑣。左一個(gè)判斷又一個(gè)定位，總之，太麻煩啦~前人的代碼拿來(lái)就用有時(shí)候是節(jié)約時(shí)間，但還是要根據(jù)系統(tǒng)的性能來(lái)綜合考慮，為了不給瀏覽器以及服務(wù)器帶來(lái)不必要的壓力，我還是決定自己寫(xiě)一個(gè)top按鈕~
在<head>標(biāo)簽中加入到頁(yè)面頂部的錨點(diǎn)：
a id="_top"></a>
在<body>的最末尾加入js代碼（用div實(shí)現(xiàn)）：
<script type="text/javascript">
function form_top(){
document.write('<div id="form_top"><a href="#_top" title="回到頂部"><div class="top_img"></div></a></div>')
}
form_top();
</script>
設(shè)置top按鈕的css樣式（讓div始終在頁(yè)面右下角）：
#form_top{display:block; bottom:3px; right:3px; position:fixed;}
.top_img{
background-image: url("img/top.png");
width: 40px;
height:40px;
cursor: pointer;
}
最后，別忘了在jsp頁(yè)面中引入css樣式。
效果圖：
相關(guān)文章
很多人可能遇到這樣的問(wèn)題，JS調(diào)試，而且都很郁悶，雖然我的JS學(xué)的不是那么透徹，基本上算是初級(jí)入門.2010-04-04
這篇文章主要介紹了js實(shí)現(xiàn)上傳圖片預(yù)覽的方法,通過(guò)自定義函數(shù)結(jié)合onchange方法實(shí)現(xiàn)上傳圖片的預(yù)覽功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
兩個(gè)SUBMIT按鈕，如何區(qū)分處理...2006-08-08
JS下載文件的實(shí)現(xiàn)在網(wǎng)上可以找到很多教程，不過(guò)本文為大家介紹的是無(wú)刷新下載文件，貌似更酷一點(diǎn)是吧2014-04-04
瀑布流的實(shí)現(xiàn)方式（原生js+jquery+css3）
這篇文章主要為大家詳細(xì)介紹了原生js+jquery+css3實(shí)現(xiàn)瀑布流的相關(guān)代碼，三種實(shí)現(xiàn)瀑布流的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
之前講了javascript對(duì)正則表達(dá)式的實(shí)現(xiàn)方式了，只定義了正則表達(dá)式，但是如何在javascript中真正使用正則表達(dá)式呢？在javascript中RegExp和String對(duì)象都有處理正則表達(dá)式的方法。2015-08-08
在日常編碼中,我們通常關(guān)注代碼的邏輯和功能,但很少深入思考編譯器在幕后的工作,今天我們將學(xué)習(xí)一下LHS（Left-Hand Side）和RHS（Right-Hand Side）查詢,它們?cè)贘avaScript編譯和執(zhí)行中的關(guān)鍵作用,以及在我們的日常開(kāi)發(fā)中是如何發(fā)揮作用的,需要的朋友可以參考下2023-11-11
最簡(jiǎn)單的JavaScript驗(yàn)證整數(shù)、小數(shù)、實(shí)數(shù)、有效位小數(shù)正則表達(dá)式
這篇文章主要介紹了最簡(jiǎn)單的JavaScript驗(yàn)證整數(shù)、小數(shù)、實(shí)數(shù)、有效位小數(shù)正則表達(dá)式,其中包含保留1位小數(shù)、保留2位小數(shù)、保留3位小數(shù)等正則,需要的朋友可以參考下2015-04-04
javascript 實(shí)現(xiàn)的多瀏覽器支持的貪吃蛇webgame
兼容FF IE的javascript版貪吃蛇游戲，非常厲害的高手。2008-01-01
從盛大通行證上摘下來(lái)的身份證驗(yàn)證js代碼
偶然發(fā)現(xiàn)盛大通行證上的身份證驗(yàn)證代碼，特扒下來(lái)，方便大家的使用。2011-01-01