网页设计常用的一些技巧.docx

各种用途的按钮 !--脚本说明： 把如下代码加入body区域中:-- form p input type=button value=返回 name=button class=pt9 input TYPE=button NAME=view value=查看本例的源码 view-source: +window.location.href class=pt9 /p /form form pinput TYPE=button value=返回上一步 /p /form form pinput TYPE=button value=刷新按钮一 /p /form script language=javascript!-- function ReloadButton(){location.href=allbutton.htm;} // --/script form pinput TYPE=button value=刷新按钮二 /p /form form pinput TYPE=button value=回首页按钮 /p /form script language=javascript!-- function HomeButton(){location.href=;}/ // --/script form pinput TYPE=button value=弹出警告框 /p /form script language=javascript!-- function AlertButton(){window.alert(要多多光临呀！);} // --/script form pinput TYPE=button value=状态栏信息 /p /form script language=javascript!-- function StatusButton(){window.status=要多多光临呀！;} // --/script form pinput TYPE=button value=背景色变换 /p /form scriptfunction BgButton(){ if (document.bgColor==#00ffff) {document.bgColor=#ffffff;} else{document.bgColor=#00ffff;} } /script form pinput TYPE=button value=打开新窗口 /p /form script language=javascript!-- function NewWindow(){window.open(test.htm,,height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no);} // --/script 个非常漂亮的下拉列表框 HTML HEAD TITLE/TITLE SCRIPT LANGUAGE=javascript function getSelected() { return hDDL.innerText } function hDDL_onmousemove() { window.event.cancelBubble = true } function DDLI_onmousemove() { window.event.cancelBubble = true } function DDLI_onmouseover(item) { item.style.color = DDL_HFC item.style.backgroundColor = DDL_HBC } function DDLI_onmouseout(item) { item.style.color = DDL_FGC item.style.backgroundColor = DDL_BGC } function DDLI_onclick(item) { hDDL.innerText = item.innerText DDL.style.display = none alert(You click + item.innerText + !) } function document_onmousemove() { DDL.style.display = none } function DDL_onmousemove() { window.event.cancelBubble = true } function