常用的网页代码

让网页背景不滚动(IE适用)

<Body Background="图片文件" bgproperties="fixed">


自动换行html代码


<html>
<head>
<title></title>
<meta content='text/html; charset=gb2312' http-equiv='Content-Type'>
</head>
<body bgcolor=#f5f5ff>
<pre>
<font size=2 face=宋体>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all">
<tr>
<td style="WORD-BREAK: break-all; WORD-WRAP: break-word">
文本正文
</td>
</tr>
</table>
</pre>
</FONT>
</body>
</html>



细线分隔线

<hr noshade size=0 color=#C0C0C0>



文字或图片弹出指定大小的窗口


在body中加入 <script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
弹出代码<a href="#" _fcksavedurl="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a>



让IFRAME内的文档背景透明


<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

iframe(嵌入式帧)自适应高度
程序代码
填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。
*对跨域引用有权限问题,请查阅其他资料。
<iframe name="iframe名称" src="要嵌入的地址" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=iframe名称.document.body.scrollHeight"></iframe>



select挡住div的解决方法


在div里加入下面的代码,根据需要调整就可以了
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>



flash透明选项


用于在HTML页面中插入透明的Flash文件,在插入的flash代码中加入下面代码即可,

<param name="wmode" value="transparent">



滚动条代码集


<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #f892cc;
SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;
SCROLLBAR-SHADOW-COLOR: #fd76c2;
SCROLLBAR-3DLIGHT-COLOR: #fd76c2;
SCROLLBAR-ARROW-COLOR: #fd76c2;
SCROLLBAR-TRACK-COLOR: #fd76c2;
SCROLLBAR-DARKSHADOW-COLOR: #f629b9;
SCROLLBAR-BASE-COLOR: #e9cfe0
}
</STYLE>   代码说明:
SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR:

左右阴影背景的CSS定义方法
程序代码
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}



随机变换背景图象


<Script Language="JavaScript">
   image = new Array(4); //定义image为图片数量的数组
   image [0] = 'tu0.gif' //背景图象的路径
   image [1] = 'tu1.gif'
   image [2] = 'tu2.gif'
   image [3] = 'tu3.gif'
   image [4] = 'tu4.gif'
   number = Math.floor(Math.random() * image.length);
   document.write("<BODY BACKGROUND="+image[number]+">");
</Script>



打开窗口即最大化


<script language="JavaScript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>



节日倒计时


<Script Language="JavaScript">
   var timedate= new Date("October 1,2006");
   var times= "国庆节";
   var now = new Date();
   var date = timedate.getTime() - now.getTime();
   var time = Math.floor(date / (1000 * 60 * 60 * 24));
   if (time >= 0)
   document.write( "现在离"+times+"还有: "+time +"天")
</Script>



记录并显示网页的最后修改时间

<script language=JavaScript>
document.write("最后更新时间: " + document.lastModified + "")
</script>



字号缩放代码

<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)" _fcksavedurl="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)" _fcksavedurl="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)" _fcksavedurl="javascript:doZoom(12)">小</a>


[本日志由 dashu126 于 2008-08-24 03:05 PM 编辑]
文章来自: 网络
引用通告: 查看所有引用 | 我要引用此文章
Tags: 网页 代码
相关日志:

评论: 1 | 引用: 0 | 查看次数: 10939
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 开启