（二）、收藏本站
onclick="window.external.addFavorite('http://ivwsky.126.com','天空工作室')"
href="">
（三）、在窗口的狀態欄顯示滾動信息
(1) 在BODY中加入代碼:
<script language="JavaScript">
var msg="歡迎訪問建站資源網，在這里有你會有所收獲的!";
var i=1
function scroll()
{
mess=msg.substring(i,msg.length)+" "+msg.substring(0,i)
window.status=mess
i++;
if (i>=msg.length) i=1; //設置不停滾動
setTimeout("scroll()",200); //設置滾動速度
}
</script>
白色無陰影的滾動條樣式
<style>
BODY {SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; SCROLLBAR-SHADOW-COLOR: #CCCCCC; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #999999; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; }
</style>
防橫向滾動條:
這可能是你的網站尺寸做得過于緊張，
現有幾種方法可不出現橫拉：
1. 以 800*600 設計為標準的，你最好把表格定為 766*426，這是沒錯的。
2. 你可以用代碼使橫拉永遠不出現：
style="OVERFLOW-Y: hidden; OVERFLOW-X: hidden"
好明顯 OVERFLOW-Y: hidden 為隱藏橫拉，
OVERFLOW-X: hidden 為豎拉。
網頁設計常用代碼薈萃 （轉）
2003-2-13 閃客天堂 雙擊自動滾屏；單擊停止
禁止頁面正文選取
<body foo1 ="return false" foo1 ="return false" foo1 ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
消除ie6自動出現的圖像工具欄，設置 GALLERYIMG屬性為false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
防止點擊空鏈接時，頁面往往重置到頁首端。
代碼“javascript:void(null)”代替原來的“#”標記
如何避免別人把你的網頁放在框架中
<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script>
頁面定時刷新
<meta http-equiv="Refresh" content="秒" >
頁面定時轉向新的地址
<meta http-equiv="refresh" content="秒;URL=url">
顯示日期
<script language="javascript"><!--
today=new Date();
var week; var date;
if(today.getDay()==0) week="星期日"
if(today.getDay()==1) week="星期一"
if(today.getDay()==2) week="星期二"
if(today.getDay()==3) week="星期三"
if(today.getDay()==4) week="星期四"
if(today.getDay()==5) week="星期五"
if(today.getDay()==6) week="星期六"
date=(today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+" "
document.write("<span style='font-size: 9pt;'>"+date+week+"</span>");
// -->
</script>
設為首頁
<A href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('url');">設為首頁</A>
添加收藏
<A href="javascript:window.external.AddFavorite('url','title')"> 加入收藏夾</A>
網頁效果集合
網頁效果集合
1。忽視右鍵
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
2。加入背景音樂
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
</embed>
*.mid你的背景音樂的midi格式文件
3。簡單的window.open方法
<a href="#"
onclick="javascript:window.open(文件路徑/文件名,newwindow,
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300);">文字或圖片</a>
參數解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
文件路徑/文件名 彈出窗口的文件名；
newwindow 彈出窗口的名字（不是文件名），非必須，可用空代替；
width=400 窗口寬度；
height=300 窗口高度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和*動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；
</SCRIPT> js腳本結束
4。簡單的頁面加密
<script LANGUAGE="javascript">
<!--
function loopy(){
var sWord ="";
while(sWord!="login"){sWord=prompt("請輸入你的登陸密碼");}
alert("登陸成功！");
}
loopy()
//-->
</script>
5。拉動頁面時背景圖不動
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style>
6。讓瀏覽器在保存頁面時保存失敗
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
7。隨機替換圖片
<script>
document.write(<img src="img/+parseInt(Math.random()*(5))
+.gif"height="40" width="50">)
</script>
圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定時關閉
先將如下代碼網頁文件的區：
<script language="javascript">
function closeit() { setTimeout("self.close()",10000) //毫秒 }
</script>
然后再在<body>標內加入如：<body onload="closeit()">
9。網頁自動關閉
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout(closes.Click(),10000)">
這個窗口會在10秒過后自動關閉,而且不會出現提示.
</body>
</html>
10。網頁自動刷新
在head部記入
<META HTTP-EQUIV="Refresh" content="20">
其中20為20秒后自動刷新，你可以更改為任意值。
11。網頁自動轉頁
<META HTTP-EQUIV="Refresh" CONTENT="時間(秒);URL=地址">
12。保持layer在最前面，而不被Iframe、Object所覆蓋
在Layer中再插Iframe 或 Object 設z-Index值
<div z-Index:2><object ***></object> ＃ 前面
<div z-Index:1><object ***></object> ＃ 后面
<div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute; top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
13。返回上一頁
<a href=javascript:history.back(1)>『返回上一頁』</a>
14。關閉窗口
<a href=javascript:self.close()>『關閉窗口』</a>
15。關于iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
style="background-color: green"></IFRAME>
----------------------------------------------------
讓彈出窗口只打開一次
<script>
function openwin(){
window.open("page.html","","width=200,height=200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents \.cookie.length > 0) {
offset = documents \.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents \.cookie.indexOf(";", offset);
if (end == -1)
end = documents \.cookie.length;
returnvalue=unescape(documents \.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents \.cookie="popped=yes"
}
}
</script>
<body onload="loadpopup()">
-----------------------------------------------------------------------------
如何讓瀏覽器在保存頁面時保存失敗？
<NOSCRIPT>
<IFRAME SRC="*.html">
</IFRAME>
</NOSCRIPT>
---------------------------------------
如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button onclick=document.styleSheets[0].rules[0].style.color='red'>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>
----------------------------------------------------------------------------------------
圖片不顯示虛線邊框
onFocus="this.blur()"
解決iframe在頁面中無法自適應
[ 2004-09-10 1:10:33 PM | Author: siyizhu | From: Blueidea ]
iframe是一個比較特殊的控件。他的height只能是一個絕對值，不允許使用百分比。但是你可以用Javascript輸出一個iframe的HTML。但是這個相對值只能是當頁面加載后賦給的。如果你resize。控件大小仍然是當初加載的高度。這個時候除了你在刷新。高度值才會重新加載。
這里我就想到了一個解決的方法。就是在body的標簽中加上一個onResize事件；當你onload的時候觸發寫好的JS函數。然后在onResize的時候同樣出發這個函數。從而解決上述問題。
演示代碼如下：
<html>
<body bgcolor="#000000" onload="resizeHeight();" onResize="resizeHeight();">
<script language="javascript">
function resizeHeight()
{
document.getElementById("web".style.height = parseInt(document.body.clientHeight-50);
}
</script>
<iframe name="web" id="web" width="100%" scrolling="NO" frameborder=0 src="about:blank"></iframe>
</body>
</html>
end-->