******網(wǎng)頁(yè)設(shè)計(jì)常用的一些技巧******
1.加入收藏,設(shè)為首頁(yè):
<a href="javascript:window.external.AddFavorite('http://www.156159.com','百龍?jiān)O(shè)計(jì)工作室')">加入收藏</a>
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http:
//www.bydragon.com');">設(shè)為首頁(yè)</a>
2.2秒后關(guān)閉當(dāng)前頁(yè):
<script language="JavaScript">
<!--
setTimeout('window.close();',2000);
-->
</script>
3.IE地址欄前換成自己的圖標(biāo):
在首頁(yè)<head></head>之間加上如下代碼
<link rel="Shortcut Icon" href="favicon.ico">
4.在收藏夾中顯示出你的圖標(biāo):
在首頁(yè)<head></head>之間加上如下代碼
<link rel="Bookmark" href="favicon.ico">
5.改變滾動(dòng)條顏色:
在首頁(yè)<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表示滾動(dòng)條面的顏色
scrollbar-shadow-color表示滾動(dòng)條右斜面的顏色
scrollbar-highlight-color表示滾動(dòng)條左斜面的顏色
scrollbar-3dlight-color表示滾動(dòng)條上邊和左邊邊沿的顏色
scrollbar-darkshadow-color表示滾動(dòng)下邊和右邊邊沿的顏色
scrollbar-track-color表示滾動(dòng)條底板的顏色
scrollbar-arrow-color表示滾動(dòng)條兩端箭頭的顏色
6.鼠標(biāo)移到單元格顏色改變:
<table width=200><tr>
<td
bgcolor="#738278" style="cursor:hand"
onMouseOver="this.style.backgroundColor='red'"
onMouseOut="this.style.background='#738278'">移過(guò)來(lái)</td><
/tr></table>
7.申請(qǐng)按鈕的等待:
把如下代碼加入<body>區(qū)域中
<FORM action=register.cgi
method=post name=agree><CENTER><INPUT name=agreeb
type=submit value="請(qǐng)認(rèn)真查看<服務(wù)條款和聲明> (15秒后繼續(xù))"><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 = "請(qǐng)認(rèn)真查看<服務(wù)條款和聲明> (" + printnr +" 秒后繼續(xù))";
}
}
//-->
</SCRIPT>
8.實(shí)現(xiàn)連續(xù)滾動(dòng):
<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.無(wú)提示自動(dòng)關(guān)閉窗口:
腳本說(shuō)明:
第一步：把如下代碼加入<body>區(qū)域中
<OBJECT
id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param
name="Command" value="Close"></object>
第二步：把<body>中的內(nèi)容改為：
<body onload="setTimeout('closes.Click()',20000)">
10.彈出確認(rèn)刪除:
<1>vbscript:
<script language="vbscript">
sub check()
dim a
a=MsgBox("確定要?jiǎng)h除嗎？",vbOKCancel)
if a=1 then
window.event.returnvalue=true
else
window.event.returnvalue=false
end if
end sub
</script>
<a href="
http://www.blueidea.com/
" onClick="check()">刪除</a>
<2>javascript:
<script language="JavaScript1.2">
<!--
function confirmdel(id){
if (confirm("真的要?jiǎng)h除嗎?"))
window.location.href="/admin_deladmin.asp?id="+id
}
-->
</script>
<a href='javascript:confirmdel("<%=rs("id")%>")'>刪除</a>
11.防止點(diǎn)擊空鏈接回到頁(yè)首端:
把代碼“javascript:void(null)”代替原來(lái)的“#”標(biāo)記.
12.window.open的使用語(yǔ)法:
window.open('URL','Name','Features')
name可為空
如：
<a href="javascript:window.open('http://www.bydragon.com','','width=400,height=400')">彈出窗口</a>
其中
http://www.bydragon.com
是你要打開(kāi)的網(wǎng)頁(yè)地址。可以使用相對(duì)或者是絕對(duì)地址,而width=400,height=400 是定義彈出窗口的寬度和高度都是400，其他的幾個(gè)參數(shù)：
toolbar(yes|no): 是否出現(xiàn)瀏覽器工具欄，在已經(jīng)設(shè)置窗口大小的情況下，默認(rèn)為no，即不出現(xiàn)！
下同:
location:地址欄
status:狀態(tài)欄
menubar:菜單條
scrollbars:滾動(dòng)條
resizable:表示是否出現(xiàn)窗口大小的調(diào)整手柄！
結(jié)合flash as里邊的getURL就是
getURL("javascript:window.open('http://www.bydragon.com','','width=400,height=400')")
13.版權(quán)聲明的寫法正確的格式:
©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.內(nèi)容提交等待:
把如下代碼加入<body>區(qū)域中
<script language=javascript>
<!--
function showSending() {
sending.style.visibility="visible";
}
-->
</script>
然后調(diào)整下面代碼的參數(shù)使顯示提示顯示在你想要的位置:
<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>內(nèi)容正在發(fā)送, 請(qǐng)稍候...</td>
</tr>
</table>
</div>
最后再提交按鈕加入 onClick="showSending()">,如:
<input type='submit' name='ACTION' value='發(fā)送' onClick="showSending()">
?
15.實(shí)現(xiàn) iframe 的自適應(yīng)高度,參考如下代碼:
<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))"
>
瀏覽器不支持嵌入式框架，或被配置為不顯示嵌入式框架。</iframe>