|
給網(wǎng)站加上超漂亮的TOP返回頂部按鈕功能
來源:本站整理 熱量:86 ℃ 生產(chǎn)日期：2010-12-25 22:51
站長之家提醒您：按時吃午飯，有事吃完飯再辦也不遲！
站長之家（www.）：給網(wǎng)站加上超漂亮的TOP返回頂部按鈕功能
網(wǎng)站頁面太長，要瀏覽下面的內(nèi)容要拖動滾動條。當瀏覽完下面內(nèi)容時要返回第一屏時還要再次拖動滾動條才能到達頂端。為了方便訪客我們可以為網(wǎng)頁加上TOP返回按鈕，這樣讓訪客更能感到站長的細心。
下面DOSXP站長之家的stone教大家如何添加這個功能。
第1步.在<HEAD></HEAD>之間加入以下代碼：
<script type="text/javascript" src="dosxp_top.js"></script>
第2步.在<BODY></BODY>之間加入以下代碼（紅，藍，綠，紫）：
想用哪個色的按鈕就復制那段代碼
【紅色】
<div id="full" style="display:none; width:50px; height:95px; position:fixed; left:50%; top:480px; margin-left:493px; z-index:100; text-align:center; cursor:pointer;"><a href='javascript:void(0)'><img src="dosxp_top01.gif" border=0 alt="返回頂部"></a></div>
【藍色】
<div id="full" style="display:none; width:50px; height:95px; position:fixed; left:50%; top:480px; margin-left:493px; z-index:100; text-align:center; cursor:pointer;"><a href='javascript:void(0)'><img src="dosxp_top.gif" border=0 alt="返回頂部"></a></div>
【綠色】
<div id="full" style="display:none; width:50px; height:95px; position:fixed; left:50%; top:480px; margin-left:493px; z-index:100; text-align:center; cursor:pointer;"><a href='javascript:void(0)'><img src="dosxp_top02.gif" border=0 alt="返回頂部"></a></div>
【紫色】
<div id="full" style="display:none; width:50px; height:95px; position:fixed; left:50%; top:480px; margin-left:493px; z-index:100; text-align:center; cursor:pointer;"><a href='javascript:void(0)'><img src="dosxp_top03.gif" border=0 alt="返回頂部"></a></div>
第3步.附top素材圖片及JS文件（紅，藍，綠，紫）
下載我提供的TOP按鈕圖片及JS文件，上傳到你服務(wù)器根目錄或其它目錄下（教程默認根目錄）
JS文件andTOP素材
站長之家（www.）,自由&共享&快樂
文章來自DOSXP站長之家（www.）：http://www./site/885.html
|
