網頁上隨滾動條滾動的層

網頁上隨滾動條滾動的層，拖動滾動條即可看到效果，對聯廣告的代碼也都是基于此的，右側的浮動層同樣是可以關閉的稍微加工，便可實現一個浮動廣告的代碼，運行一下，先看效果吧。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>隨滾動條滾動的層</title><style>body{ margin:0; padding:0; font-size:12px; font-family:"宋體",Arial, Helvetica, sans-serif;}div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,form{ margin:0; padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}img{ border:0;}ol,ul{list-style:none;}a{ text-decoration:none; color:#fff;}a:hover{ text-decoration:none;}#scroll_div{ width:100px; height:400px; background:#990; }#btn_close,#btn_gotop{ cursor:pointer;}</style></head><body><div style=" width:1002px;height:42px;margin:0 auto; background-color:#060;">頭</div><div style="width:1002px; margin:0 auto; background-color:#f60;">我們提供各類編程源碼、<br>素材、書籍教程、設計模板、<br>網頁特效代碼以及常用軟件下載等，<br>做有質量的<br>學習型源碼下載站。<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div><div style=" width:1002px;height:95px;margin:0 auto; background-color:#060;">底</div><div   class="3nzn5dt"   id="scroll_div"><span id="btn_close">關閉</span><br /><span id="btn_gotop">返回頂部</SPAN>
</div>
</div>
<div   id="hpblr5n"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="vhdht5v"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-05/1556817.html'>Js文字章節跳轉功能的模擬代碼</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-05/1556819.html'>一個簡單的jQuery分頁代碼</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="t1bprtr"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學習交流