html惯用技巧
日期：2014-05-17 浏览次数：20686 次
html常用技巧
1.加入收藏,设为首页:
<a href="javascript:window.external.AddFavorite('http://www.bydragon.com','百龙设计工作室')">加入收藏</a>
<a
href="#"
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http:
//www.bydragon.com');">设为首页</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"
onMouseOver="this.style.backgroundColor='red'"
onMouseOut="this.style.background='#738278'">移過來</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 onload="setTimeout('closes.Click()',20000)">
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 href="http://www.blueidea.com/" onClick="check()">删除</a>
<2>javascript:
<script language="JavaScript1.2">
<!--
function confirmdel(id){
if (confirm("真的要删除吗?"))
window.locati
1.加入收藏,设为首页:
<a href="javascript:window.external.AddFavorite('http://www.bydragon.com','百龙设计工作室')">加入收藏</a>
<a
href="#"
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http:
//www.bydragon.com');">设为首页</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"
onMouseOver="this.style.backgroundColor='red'"
onMouseOut="this.style.background='#738278'">移過來</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 onload="setTimeout('closes.Click()',20000)">
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 href="http://www.blueidea.com/" onClick="check()">删除</a>
<2>javascript:
<script language="JavaScript1.2">
<!--
function confirmdel(id){
if (confirm("真的要删除吗?"))
window.locati
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
