欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

返回頁面頂部top按鈕通過錨點(diǎn)實(shí)現(xiàn)(自寫)

 更新時(shí)間：2013年08月30日 15:01:22   投稿：whsnow  
用戶在使用系統(tǒng)時(shí)，會(huì)有很多表單的操作然而很多表單就會(huì)很長,所以就需要一個(gè)返回頁面頂部的top按鈕啦，于是自己寫了一個(gè)，喜歡的朋友可以參考下

實(shí)現(xiàn)了我的小跳槽以后，從8月7號(hào)入職了現(xiàn)在的這家公司，我好像是加入了救火隊(duì)的行列，還沒有開始開發(fā)新的模塊，只是一直在實(shí)現(xiàn)已經(jīng)上線模塊中的新需求，有時(shí)候也真想問問，某些用戶的腦子是不是進(jìn)水了，提出來的需求只想讓人笑三聲。。。幸好項(xiàng)目組做需求的姐姐工作經(jīng)驗(yàn)十分豐富，能夠很好地和用戶協(xié)調(diào)，讓我們這些開發(fā)人員也沒那么辛苦~

用戶在使用系統(tǒng)時(shí)，會(huì)有很多表單的操作，然而很多表單都是裹腳布啊，長啊長~

所以就需要一個(gè)返回頁面頂部的top按鈕啦~

雖然說網(wǎng)上的方法有很多種，但是未免過于繁瑣。左一個(gè)判斷又一個(gè)定位，總之，太麻煩啦~前人的代碼拿來就用有時(shí)候是節(jié)約時(shí)間，但還是要根據(jù)系統(tǒng)的性能來綜合考慮，為了不給瀏覽器以及服務(wù)器帶來不必要的壓力，我還是決定自己寫一個(gè)top按鈕~

在<head>標(biāo)簽中加入到頁面頂部的錨點(diǎn)：

復(fù)制代碼 代碼如下:

a id="_top"></a>

在<body>的最末尾加入js代碼（用div實(shí)現(xiàn)）：
復(fù)制代碼 代碼如下:

<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始終在頁面右下角）：
復(fù)制代碼 代碼如下:

#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頁面中引入css樣式。

效果圖：

相關(guān)文章

最新評(píng)論