寧毅網絡工作室
          
				
          寧毅網絡工作室提供專業的網站設計維護制作服務
          
			          		
		
          
	
          

          

          
	
          
		
          
			
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理 ::


			
			
				

          
	
          
		
          
			
			
			
				 
				18 
				隨筆 ::
				93 文章
				::
				28 評論
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          


          
	
					

          
	
	
	
          
		?網頁設計常用的一些技巧 

          2006-10-20　23:57:11 

          大中小 
          1.加入收藏,設為首頁:

          <a href="javascript:window.external.AddFavorite('http://www.phpNet.cn',PHP中文社區')">加入收藏</a>

          <a
          href="#"
          >設為首頁</a>

          2.2秒后關閉當前頁:
          <script language="JavaScript">
          <!--
          　　setTimeout('window.close();',2000);
          -->
          </script>

          3.IE地址欄前換成自己的圖標:
          在首頁<head></head>之間加上如下代碼
          <link rel="Shortcut Icon" href="favicon.ico">

          4.在收藏夾中顯示出你的圖標:
          在首頁<head></head>之間加上如下代碼
          <link rel="Bookmark" href="favicon.ico">

          5.改變滾動條顏色:
          在首頁<head></head>之間加上如下代碼
          <style>
          body{
          scrollbar-face-color:147faf; scrollbar-shadow-color:147faf; 
          scrollbar-highlight-color:147faf; scrollbar-3dlight-color:ffffff; 
          scrollbar-darkshadow-color:ffffff; scrollbar-track-color:ffffff; 
          scrollbar-arrow-color:ffffff;}
          </style> 

          scrollbar-face-color表示滾動條面的顏色
          scrollbar-shadow-color表示滾動條右斜面的顏色
          scrollbar-highlight-color表示滾動條左斜面的顏色
          scrollbar-3dlight-color表示滾動條上邊和左邊邊沿的顏色
          scrollbar-darkshadow-color表示滾動下邊和右邊邊沿的顏色
          scrollbar-track-color表示滾動條底板的顏色
          scrollbar-arrow-color表示滾動條兩端箭頭的顏色

          6.鼠標移到單元格顏色改變:
          <table width=200><tr>
          <td
          bgcolor="#738278" style="cursor:hand"

          >移過來</td><
          /tr></table>

          7.申請按鈕的等待:
          把如下代碼加入<body>區域中
          <FORM action=register.cgi
          method=post name=agree><CENTER><INPUT name=agreeb
          type=submit value="請認真查看<服務條款和聲明> (15秒后繼續)"><INPUT
          onclick=history.back(-1) type=reset value=" 我 不 同 意
          "></CENTER></form>
          <SCRIPT language=javascript>
          <!--
          var secs = 15;
          document.agree.agreeb.disabled=true;
          for(i=1;i<=secs;i++) {
          window.setTimeout("update(" + i + ")", i * 1000);
          }
          function update(num) {
          if(num == secs) {
          document.agree.agreeb.value =" 我 同 意 ";
          document.agree.agreeb.disabled=false;
          }
          else {
          printnr = secs-num;
          document.agree.agreeb.value = "請認真查看<服務條款和聲明> (" + printnr +" 秒后繼續)";
          }
          }
          //-->
          </SCRIPT>

          8.實現連續滾動:
          <body>
          <div id=demo style=overflow:hidden;height:60px>
          <div id=demo1>
          111111111111111<br>
          222222222222222<br>
          333333333333333<br>
          444444444444444<br>
          555555555555555
          </div>
          <div id=demo2></div>
          <script>
          var t=demo.scrollTop
          demo2.innerText=demo1.innerText
          function qswhMarquee(){
          if(demo2.offsetTop-demo.scrollTop<=0)
          demo.scrollTop-=demo1.offsetHeight
          else
          demo.scrollTop++
          }
          setInterval(qswhMarquee,30)
          </script>
          </body>

          9.無提示自動關閉窗口:
          腳本說明:
          第一步：把如下代碼加入<body>區域中
          <OBJECT
          id=closes type="application/x-oleobject"
          classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param
          name="Command" value="Close"></object> 
          第二步：把<body>中的內容改為：
          <body > 

          10.彈出確認刪除:
          <1>vbscript:
          <script language="vbscript"> 
          sub check() 
          dim a 
          a=MsgBox("確定要刪除嗎？",vbOKCancel) 
          if a=1 then 
          window.event.returnvalue=true 
          else
          window.event.returnvalue=false
          end if
          end sub 
          </script> 

          <a  >刪除</a>

          <2>javascript:
          <script language="JavaScript1.2">
          <!--
          function confirmdel(id){
          if (confirm("真的要刪除嗎?"))
          window.location.href="/admin_deladmin.asp?id="+id
          }
          -->
          </script>
          <a href='javascript:confirmdel("<%=rs("id")%>")'>刪除</a>

          11.防止點擊空鏈接回到頁首端:
          把代碼“javascript:void(null)”代替原來的“#”標記.

          12.window.open的使用語法:
          window.open('URL','Name','Features')
          name可為空
          如：
          <a href="javascript:window.open('http://www.phpnet.cn','','width=400,height=400')">彈出窗口</a>

          其          
		
				http://www.phpNet.cn
		
		 是你要打開的網頁地址。可以使用相對或者是絕對地址,而width=400,height=400 是定義彈出窗口的寬度和高度都是400，其他的幾個參數：
          toolbar(yes|no): 是否出現瀏覽器工具欄，在已經設置窗口大小的情況下，默認為no，即不出現！

          下同:
          location:地址欄
          status:狀態欄
          menubar:菜單條
          scrollbars:滾動條
          resizable:表示是否出現窗口大小的調整手柄！

          結合flash as里邊的getURL就是
          getURL("javascript:window.open('http://www.phpNet.cn','','width=400,height=400')")

          13.版權聲明的寫法正確的格式:
          ?1995-2004 Macromedia, Inc. All rights reserved.
          ?2004 Microsoft Corporation. All rights reserved.
          Copyright ? 2004 Adobe Systems Incorporated. All rights reserved.
          ?1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.

          14.內容提交等待:
          把如下代碼加入<body>區域中
          <script language=javascript>
          <!--
          function showSending() {
          sending.style.visibility="visible";
          }
          -->
          </script>

          然后調整下面代碼的參數使顯示提示顯示在你想要的位置:
          <div id="sending" style="position:absolute; z-index:10; width: 400; visibility:hidden"> 
          <table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
          <tr> 
          <td bgcolor=#eeeeee align=center>內容正在發送, 請稍候...</td>
          </tr>
          </table>
          </div>

          最后再提交按鈕加入 >,如:
          <input type='submit' name='ACTION' value='發送' >


          15.實現 iframe 的自適應高度,參考如下代碼:

          <iframe id="newslist"
          name="newslist" width="540" src="/iframenews.htm" marginwidth="1"
          marginheight="1" border="0" frameborder="0" target="_self"
          style="height:expression(eval(newslist.document.body.scrollHeight))"
          >          
	
          
	
	
          
		posted on 2007-01-16 09:11 寧毅網絡工作室 閱讀(145) 評論(0)  編輯  收藏  所屬分類: 計算機基礎知識 
	
          

          







          
	    
    

          

				

          




    



          
        
	




主站蜘蛛池模板：
旬邑县|
芦溪县|
和田县|
波密县|
遂溪县|
荥阳市|
凉城县|
天祝|
萍乡市|
桃江县|
新乐市|
淮滨县|
密云县|
清流县|
化州市|
华宁县|
娄烦县|
铜鼓县|
信阳市|
淮阳县|
湖口县|
平阳县|
香河县|
鄂州市|
岳西县|
都昌县|
鄂尔多斯市|
延安市|
三门峡市|
黄骅市|
桑日县|
武夷山市|
赤城县|
堆龙德庆县|
从江县|
永清县|
绵竹市|
柘城县|
泌阳县|
镇雄县|
堆龙德庆县|