麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

返回頁面頂部top按鈕通過錨點實現(自寫)

2019-11-20 22:21:00
字體:
來源:轉載
供稿:網友
實現了我的小跳槽以后,從8月7號入職了現在的這家公司,我好像是加入了救火隊的行列,還沒有開始開發新的模塊,只是一直在實現已經上線模塊中的新需求,有時候也真想問問,某些用戶的腦子是不是進水了,提出來的需求只想讓人大笑三聲。。。幸好項目組做需求的姐姐工作經驗十分豐富,能夠很好地和用戶協調,讓我們這些開發人員也沒那么辛苦~

用戶在使用系統時,會有很多表單的操作,然而很多表單都是裹腳布啊,長啊長~

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

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

在<head>標簽中加入到頁面頂部的錨點:
復制代碼 代碼如下:

a id="_top"></a>

在<body>的最末尾加入js代碼(用div實現):
復制代碼 代碼如下:

<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>

設置top按鈕的css樣式(讓div始終在頁面右下角):
復制代碼 代碼如下:

#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樣式。

效果圖:
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 中文字幕在线观看1 | 久久99精品久久久久久236 | 视频二区国产 | 日本aaaa片毛片免费观看视频 | 亚州精品在线视频 | 久久久www成人免费毛片 | 国产免费一区视频 | 刘亦菲一区二区三区免费看 | 未成年人在线观看 | 欧美大荫蒂xxx | 久久伊人精品热在75 | 久久久久久久久久网 | 国产精品夜色视频一级区 | 久久情爱网 | 国产亚洲精彩视频 | 久久久国产精品免费观看 | 欧美另类69xxxxx 视频 | 日韩电影一区二区三区 | 久久久国产精品免费观看 | 视频一区免费观看 | 亚洲成人福利在线观看 | 久久草在线看 | 视频二区国产 | www噜噜偷拍在线视频 | 欧美成人二区 | 美国黄色毛片女人性生活片 | 狠狠干伊人网 | 中文字幕在线观看精品 | 欧美精品一区二区久久 | 国产精品久久久久网站 | 91www成人久久 | 黄网站免费观看视频 | 成人福利视频导航 | 一区在线视频观看 | omofun 动漫在线观看 | 国产精品一区二区手机在线观看 | 斗破苍穹在线观看免费完整观看 | 久久精品国产99久久久古代 | 中文在线观看视频 | 99精品视频免费看 | 久久我不卡|