网页常用代码_网页代码 csdn-CSDN博客

网页常用代码收藏（一）

1. 防止被欠入
<script language="javascript">

</script>

2.永远都会带着框架
<script language="javascript">

</script>
说明：frames.htm为你的网页，这也是保护页面的一种方法

3.网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效

4.自动跳转
在源代码中的<head>…</head>加入
<meta http-equiv="refresh"content="8;URL=http://www.liqun.net">
说明：content="8" 表示8秒刷新到URL

5.打开窗口立即最大化
<script language="javascript">

</script>

6.加入背景音乐
<bgsound src="mid/min1.mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true"loop="true" hidden="true"> 对Netscape ,IE 都适用

7.网页过渡方式
<meta http-equiv="Page-Exit"content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

网页过渡方式实例:
<meta http-equiv="Page-Enter"content="blendTrans(Duration=0.5)" />
<meta http-equiv="Page-Exit"content="blendTrans(Duration=0.5)" />

8.控制横向和纵向滚动条
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

9.添加到收藏夹：
<a href="javascript:window.external.addFavorite('http://www.liqun.net',www.liqun.net');">添加到收藏夹</a>
<a style="cursor:hand"
οnclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>

10.设为首页：
<a href=# οnclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.liqun.net');>设为首页</a>
<a style="cursor:hand"
οnclick="this.style.behavior="url(#default#homepage)";
this.setHomePage(http://www.liqun.net/);">">设为首页</a>

11.状态栏的特效显示
<script language=javascript>kstatus();
function cm(){
self.status="liqun.net";
setTimeout("cm()",0);
}</script>

12.打开网站立即加入收藏夹
<script>
if (navigator.appName == 'Microsoft Internet Explorer' &&parseInt(navigator.appVersion) >= 4)
{
window.external.AddFavorite('http://www.liqun.net', '利群');
}
</script>

13.关闭窗口时不弹出提示信息
<a href="#" _fcksavedurl=""#""onClick="javascrip:window.opener=null;window.close()">关闭</a>

14.背景颜色渐变
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#F6F9FE'',gradientType='0')

15.背景颜色透明
filter:alpha(opacity=75)

16.弹出窗口属性
<script language="javascript">

</script>

<script language="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</script> js脚本结束

17.背景颜色变换
<script type=text/javascript>
function scbg(objRef, state) {
objRef.style.backgroundColor = (1 == state) ? '#EEEEEE' : '#FFFFFF';
return;
}
</script>
<div οnmοuseοver="scbg(this, 1);" οnmοuseοut="scbg(this,0);">

18.表格的展开与隐藏
<script language="vbscript">
function showhide(showobject)
if document.all(showobject).style.display="" then
document.all(showobject).style.display="none"
else
document.all(showobject).style.display=""
end if
end function
</script>
应用效果
<a href='vbscript:showhide("cont")'>展开或者隐藏</a><br>
<div id="cont">控制的内容范围</div>
使用 a 的链接来控制id="cont" 的展开或者隐藏

19.滚动条颜色
body{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFB900;
scrollbar-track-color:#EEEEEE;
scrollbar-darkshadow-color:#FFFFFF;}

SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR 滚动条的基本颜色

20.查看IP地址,asp:
=Request.ServerVariables("REMOTE_ADDR")

21.显示现在时间的脚本
<script language=vbscript>document.write now</script>

22.显示最后修改时间的脚本
<script>document.write(document.lastModified)</script>

23.加入频道
<a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a>

24.按下F12键,直接返回首页
<script>function look(){
if(event.keyCode==123){document.location.href=http://www.liqun.net /}
}
if(document.οnkeydοwn==null)
{document.οnkeydοwn=look}
</script>

25.英文长字段换行
word-break:break-all;

26.同一个元素内容不换行
white-space:nowrap;

27.首字母大写显示
text-transform:capitalize;

28.页面宽度控制
<div id="divmain">
<!--[if IE]>
<SCRIPT>
var objmain = document.getElementById("divmain");
function updatesize(){ var bodyw = window.document.body.offsetWidth; if(bodyw<= 790) objmain.style.width="760px"; else if(bodyw >= 1016)objmain.style.width="980px"; elseobjmain.style.width="100%"; }
updatesize(); window.onresize = updatesize;
</SCRIPT>
</div>