|
給網站加上超漂亮的TOP返回頂部按鈕功能
來源:本站整理 熱量:86 ℃ 生產日期：2010-12-25 22:51
站長之家提醒您：按時吃午飯，有事吃完飯再辦也不遲！
站長之家（www.）：給網站加上超漂亮的TOP返回頂部按鈕功能
網站頁面太長，要瀏覽下面的內容要拖動滾動條。當瀏覽完下面內容時要返回第一屏時還要再次拖動滾動條才能到達頂端。為了方便訪客我們可以為網頁加上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文件，上傳到你服務器根目錄或其它目錄下（教程默認根目錄）
JS文件andTOP素材
站長之家（www.）,自由&共享&快樂
文章來自DOSXP站長之家（www.）：http://www./site/885.html
|
