收集整理的javascript代码

最新推荐文章于 2024-08-17 21:05:24 发布

david286

最新推荐文章于 2024-08-17 21:05:24 发布

阅读量1.1k

点赞数

分类专栏： JAVASCRIPT&CSS 文章标签： javascript transition iframe border function vbscript

JAVASCRIPT&CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

收集整理的代码

1,Kafree总结的一些尺寸：
不同分辨率下浏览器不出现滚动条的极限尺寸:
780*452(状态栏浮,800x600) 780*480（无浮动栏,800x600）1004*651（无浮动栏，1024x768） 1004*623（状态栏浮，1024x768）

其它:
banner:468*60 网站标志(没有规定尺寸):111*36 LOGO：88*31

2,HTML模板
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
<meta name="Generator" content="">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="Script/Function.js"></script>
<style type="text/css">

</style>
<script language="javascript">

</script>
<script language="VBScript" type="text/VBScript">

</script>
</head>
<body>
</body>
</html>

框架：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<frameset rows="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="" name="topFrame" scrolling="NO" noresize>
<frame src="" name="mainFrame">
<noframes>
<body>
<p>此网页使用了框架，但您的浏览器不支持框架。</p>
</body>
</noframes>
</frameset>
</html>

3,制作1px边框表格的几种方法（来源：视觉中国　作者：钟钟）

一、用嵌套表格

用两个表格嵌套，外层的表格的长与宽比里层的多出2px，并设置对齐属性为水平居中、垂直居中，然后把外层表格的背景设为你需要的边框颜色，里层表格背景设为与网页背景相同，这样就实现我们的愿望了，实例如下：
-----------------------------------------------------------------
<table cellspacing="0" cellpadding="0" bgcolor="#000000" width="32" height="32" border="0">
<tr>
<td align="center">
<table cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="30" height="30" border="0">
<tr>
<td>　</td>
</tr>
</td>
</tr>
</table>
-----------------------------------------------------------------

二、设置亮、暗边框颜色

表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性，把表格边框(border)设为1px，亮边框(bordercolorlight)设为背景色，暗边框(bordercolordark)设为你需要的实际边框颜色就可以了，实列如下：
-----------------------------------------------------------------
<table border="1" cellpadding="0" cellspacing="0" width="32" height="32" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr>
<td>　</td>
</tr>
</table>
-----------------------------------------------------------------

三、用CSS定义（一）（推荐使用）

代码为：
style="border-collapse: collapse"

实例如下：
-----------------------------------------------------------------
<table border="1" cellspacing="0" width="32" height="32" style="border-collapse: collapse" bordercolor="#000000" cellpadding="0">
<tr>
<td>　</td>
</tr>
</table>
-----------------------------------------------------------------
如果你用过Frontpage xp，你会发现，在Frontpage xp中定义的表格默认的设置就是用CSS定义过了的。

四、用CSS定义（二）

代码为：
style="border: 1px solid #000000;"

实例如下：
-----------------------------------------------------------------
<table cellspacing="1" width="32" height="32" style="border: 1px solid #000000; ">
<tr>
<td>　</td>
</tr>
</table>
-----------------------------------------------------------------
有一点一定要注意：这时候不要再设置表格边框(border)、亮边框(bordercolorlight)和暗边框(bordercolordark)属性，否则不会出现预想的结果。

5,ASP结构化

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<%Option Explicit:Response.Buffer = True%>






<LINK rel="stylesheet" href="/CSS/Default.css"/>

<script language="javascript" src="/JS/Default.js"></script>

<script language="VBScript" src="/VBS/Default.vbs"></script>

<%
'首页类
Class clsDefault
'类初始
Private Sub Class_Initialize

End Sub
'类销毁
Private Sub Class_Terminate

End Sub

'设置属性
Public Property Let display(Logic)
display = Logic
Select Case (display)
Case True
Call show()
Case False
Case Else
Response.Write "Default类display属性错误，必须是True/False"
End Select
End Property

Private Sub show()
'输出
Response.Write "<body>"
Response.Write "<center>"
'输出导航
'引用类
Dim Menu
Set Menu = New clsMenu
Menu.display = true
Set Menu = Nothing
Response.Write "<table id=""tbdesign1"" class=""dsgnTB"">"
Response.Write "<tr>"
Response.Write " <td id=""tdnowposition"" class=""tdnowposition""></td>"
Response.Write "</tr>"
Response.Write "<tr>"
Response.Write " <td id=""tdcontent"" class=""tdcontent""></td>"
Response.Write "</tr>"
Response.Write "</table>"
Response.Write "</center>"
Response.Write "</body>"
End Sub
End Class

'引用类
Dim Default
Set Default = New clsDefault
Default.display = True
Set Default = Nothing
%>

8,加入背景音乐
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>
*.mid你的背景音乐的midi格式文件

9,简单的window.open方法
<a href="#"
　 οnclick="javascript:window.open('文件路径/文件名','newwindow',
　 'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
　 width=400,height=300');">文字或图片</a>

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

10,拉动页面时背景图不动
　 <style>
　 body{background-image:url(logo.gif);
　 background-repeat:no-repeat;
background-position:center;
background-attachment: fixed;}
　 </style>

11,让浏览器在保存页面时保存失败
<noscript><iframe src="*.htm"></noscript>

12，禁止右键，禁止选择文本
<body οncοntextmenu="return false" onselectstart="return false">

13,随机替换图片
<script>
　 document.write('<img src="img/'+parseInt(Math.random()*(5))
　 +'.gif"height="40" width="50">')
</script>

　图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

14,窗口定时关闭
先将如下代码网页文件的区：
　 <script language="javascript">
　 function closeit() { setTimeout("self.close()",10000) //毫秒 }
　 </script>
然后再在<body>标内加入如：<body οnlοad="closeit()">

15,网页自动关闭
　 <html>
　 <head>
　 <object id=closes type="application/x-oleobject"
　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
　 <param name="Command" value="Close">
　 </object>
　 </head>
　 <body οnlοad="window.setTimeout('closes.Click()',10000)">
　这个窗口会在10秒过后自动关闭,而且不会出现提示.
　 </body>
　 </html>

16,网页自动刷新
在head部记入
　 <META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新，你可以更改为任意值。

17,网页自动转页
<META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">

18,保持layer在最前面，而不被Iframe、Object所覆盖
在Layer中再插Iframe 或 Object 设z-Index值
　 <div z-Index:2><object xxx></object> ＃前面
　 <div z-Index:1><object xxx></object> ＃后面
　 <div id="Layer2" style="position:absolute; top:40;width:400px;
　 height:95px;z-index:2"> height=100% width=100%>
　 <iframe width=0 height=0></iframe>
　 </div>
　 <div id="Layer1" style="position:absolute; top:50;width:200px;
　 height:115px;z-index:1">
　 <iframe height=100% width=100%></iframe>
　 </div>

19,从历史列表中装入一个 URL
<a href='javascript:history.back()'>『上一页』</a>
<a href='javascript:history.forward()'>『下一页』</a>
<a href='javascript:history.go(-2)'>『往后2页』</a>
<a href='javascript:history.go(2)'>『往前2页』</a>

20,Iframe 透明背景
1). 打開您的主網頁，複製程式碼到 <body></body> 之中：
<IFRAME src="網頁二.htm" /*iframe 內的網頁*/
name="frame" /*iframe 名稱*/
width="300" /*寬度(pixel)*/
height="300" /*高度(pixel)*/
style="position:absolute;
left:255; /*位置(從左邊算起)*/
top:100; /*位置(從上面算起)*/
scrolling=choice /*捲軸*/
frameborder="0" /*邊框*/
allowtransparency="true">
</IFRAME>
要確定絕對不能刪去 "allowtransparency="true" 這一行喔！

2). 打開您 iframe 裡面的網頁，複製程式碼到 <head></head> 之中：
<style type="text/css">

</style>

編輯內容：

不需修改，但如果 iframe 裡的網頁裡有先預設背景圖／背景顏色，要先把該設定刪除～

21,论坛贴图，当图片过大就会引网页的变形的解决方法：
设置表格样式：style="table-layout:fixed;word-break:break-all"
这样就不变形了。。。

<table width="100" border="1" style="table-layout:fixed;word-break:break-all">
<tr>
<td height=100><img src="http://qqshow-user.tencent.com/81387140/10/00/" οnlοad="javascript:if(this.width>100)this.width=100"></td>
</tr>
</table>

另外，在表格里加入style="table-layout:fixed;word-break:break-all"，可以防止内容撑破本格。

22,实现网页转换特殊过渡效果（作者：techsun　　本文选自《5D多媒体》）
当我们点击网页上的链接时，浏览器页面就会转到链接指向的新的页面，我们想在页面转换时加上过渡效果。

打开这个页面的原代码，在<head>与</head>插入代码：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">

这样这个过渡效果就完成了，很简单吧。现在我们来测试一下效果如何，打开这个页面，然后点击页面上的链接，页面在转到下一个页面的过程中，我们看到页面是从上到下慢慢的转换到第二个页面的。

我们现在再试一个效果，将那段代码换成：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=14)">

我们看到页面是从中间向左右两端展开过渡的，而且速度上快了一点。原因在于Duration和Transition的值不同。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 随机产生一种过渡方式

当Transition为23时，会随机产生0到22中的一个过渡效果。例如：<meta http-equiv="Page-Exit" content="revealTrans(Duration=2,Transition=23)">

除了上面两个参数，还有一个http-equiv：http-equiv="Page-Exit"的意思是指页面离开时产生效果。
它有一种写法，如：http-equiv="Page-Enter"则是指页面进入时产生的效果。

23,禁止网页图片的下载

下面的代码将帮助你禁止网页中目标对象被下载：<a href="javascript:void(0)" onMouseDown="alert('对不起!图片不能下载！')"></a>

24,查看当前网页的HTML源代码:

在网页的BODY中加入以下的代码:

<FORM>
<INPUT TYPE="BUTTON" VALUE="查看本页源代码" onClick= 'window.location = "view-source:" + window.location.href'>
</form>

25,网页中双击向下滚屏

//自动滚屏
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}

function sc()
{
clearInterval(timer);
}

function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop) {sc();}
}
document.οnmοusedοwn=sc
document.οndblclick=initialize

26,设为首页、加入收藏夹的代码
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.elook.net.cn')">设为首页</a>
<a href="javascript:window.external.addFavorite('http://www.elook.net.cn','e路网')">加入收藏夹</a>

27,时间显示1

//-->
</script>

28,时间显示2

<SCRIPT language=javascript>
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth();
myday= mydate.getDate();
myyear= mydate.getYear();
myhours=mydate.getHours();
ampmhour=(myhours > 12) ? myhours - 12 : myhours;
if (ampmhour == "0") ampmhour=0;
ampm =(myhours >= 12) ? ' PM' : ' AM';
mytime=mydate.getMinutes();
myminutes =((mytime < 10) ? ':0' : ':') + mytime;
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
</SCRIPT>

以下的放在目标位置：

<SCRIPT>
document.write(year + "/" + (mymonth+1) + "/" +myday)
document.write(" " +weekday + " " + ampmhour + "" + myminutes + ampm);
</SCRIPT>

29,滚动显示区域
<MARQUEE direction=up height=125 οnmοuseοut=this.start() οnmοuseοver=this.stop()
scrollAmount=1 scrollDelay=5 width="98%">
<LI><font color="#008000">2001.5.7</font>　<font color="#008080">海风文学社文学社举行</font>
<LI><FONT color=#008000>2000.12.9</FONT><FONT
color=#008080>　海风文学社社庆九周年,连同海大另外三大社团联谊，诸多海风新老社员参加了这次有意义的活动。</FONT>
<LI><FONT color=#008000>2000.12.16</FONT><FONT
color=#008080>　海风文学社主页开通，这是真正属于海风文学社的第一个网站。</FONT> </LI>
</MARQUEE>

30,关闭窗口
javascript:window.close() 　　　　　(window.close()必须小写）

31, 右键打开收藏夹

脚本说明:
把如下代码加入<body>区域中
<script language=javascript1.2>
if (document.all)
document.body.οnmοusedοwn=new Function("if (event.button==2||event.button==3)window.external.addFavorite('http://www.njcatv.net','南京有线电视台')")
</script>

32,Kafree使用的一份CSS模板
<STYLE type=text/css>
BODY{
CURSOR: url(skins/8esky_com_21/g_move.ani);background-image:url(skins/8esky_com_21/bg.gif);background-position:center;FONT-SIZE: 12px;COLOR: #000000;FONT-FAMILY: 宋体;background-color: #FFFFFF;SCROLLBAR-ARROW-COLOR: #bcbcbc; SCROLLBAR-BASE-COLOR: #f8f8f8; BACKGROUND-COLOR: #ffffff
}
BODY {
BACKGROUND-COLOR: #ffffff; COLOR: #333333; FONT-FAMILY: "宋体","MS Shell Dlg", "Tahoma" ; FONT-SIZE: 12px; scrollbar-highlight-color: buttonface; scrollbar-shadow-color: buttonface; scrollbar-3dlight-color: buttonhighlight; scrollbar-track-color: #eeeeee; scrollbar-darkshadow-color: buttonshadow
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:active {
COLOR: #009966; TEXT-DECORATION: underline
}
A:hover {
COLOR: #000000; TEXT-DECORATION: underline
}
A.hr:link {
COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A.hr:visited {
COLOR: #000000; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A.hr:hover {
COLOR: #fc6a04; FONT-SIZE: 12px; TEXT-DECORATION: underline
}
A.hr:active {
COLOR: #cc0000; FONT-SIZE: 12px
}
.BACKGROUND-COLOR {
BACKGROUND-COLOR: #993300; COLOR: #ff9900; FILTER: alpha(opacity=100)
}
TD {
FONT-SIZE: 9pt
}
BODY {
FONT-SIZE: 9pt
}
TR {
FONT-SIZE: 9pt
}
.txt1 {
FONT-SIZE: 12px; HEIGHT: 17px
}
.hight {
LINE-HEIGHT: 16px

.litter4 {
LETTER-SPACING: 4px
}
.font {
FONT-SIZE: 13px
}
.big {
FONT-SIZE: 16pt
}
.hight20 {
LINE-HEIGHT: 20px
}
.t11 {
FONT-SIZE: 11pt; TEXT-DECORATION: none
}
.letter2 {
LETTER-SPACING: 2px
}
.box_boder {
BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid
}
.input1 {
BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; CURSOR: hand; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; HEIGHT: 18px
}
.editbox1 {
BORDER-BOTTOM: #665b8e 1px solid; BORDER-LEFT: #665b8e 1px solid; BORDER-RIGHT: #665b8e 1px solid; BORDER-TOP: #665b8e 1px solid; COLOR: #333333; CURSOR: text; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; FONT-SIZE: 12px; HEIGHT: 20px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.editbox2 {
BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; COLOR: #333333; CURSOR: text; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; FONT-SIZE: 12px
}
.editbox3 {
BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; COLOR: #333333; CURSOR: text; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; FONT-SIZE: 12px
}
.editbox4 {
BACKGROUND: #e3e3e3; BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: #333333; CURSOR: text; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; FONT-SIZE: 9pt; HEIGHT: 20px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.editbox5 {
BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT: 1px; BORDER-TOP-WIDTH: 1px; COLOR: #333333; CURSOR: text; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; FONT-SIZE: 12px; HEIGHT: 20px
}
.button1 {
BACKGROUND: #cccccc; BORDER-BOTTOM: #665b8e 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #665b8e 1px solid; BORDER-TOP: #ffffff 1px solid; COLOR: #333333; CURSOR: hand; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; FONT-SIZE: 12px; HEIGHT: 20px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.table1 {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px
}
</STYLE>

35,SQL注入防御代码(作者：NB联盟－小竹)
Function ReqNum ( StrName )
ReqNum = Request ( StrName )
if Not isNumeric ( ReqNum ) then
Response.Write "参数必须为数字型!"
Response.End
End if
End Function

Function ReqStr ( StrName )
ReqStr = Replace ( Request(StrName), "'", "''" )
End Function

以上面三句SQL语句，说明一下调用方法：
1.SQL="Select * from Users where UserID=" & ReqNum("ID")
2.SQL="Select * from Users where UserID='" & ReqStr("ID") & "'"
3.SQL="Select * from Users where UserName like '%" & ReqStr("Name") & "%'"

　　重申一点：上面的方法无论对SQLServer库还是Access或是其它数据库，都是绝对适用、绝对安全，但注意一点，SQLServer的存储过程是个例外，该情况下要把单引号替换成四个单引号，以保安全。

36,ASP 3.0内置Application、ASPError、Request、Session、ObjectContext、Server等7个对象。

下面的是一段将ADODB.Connection放入Application的方法：
Set Application("oConn")=Server.CreateObject("ADODB.Connection")
Application("oConn").Open Connstr
Set Application("oConn")=Nothing

39,永远带着框架

在子框架文件中<head></head>之间加入:
<SCRIPT language=javascript>

</SCRIPT>
其中，框架.htm为顶层框架文件。

破解方法：
<frameset rows="0,100" frameborder="NO" border="0" framespacing="0">
<frame src="blank.html" name="topFrame" scrolling="NO" noresize>
<frame src="子框架页地址" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>

40,改变IE地址栏的IE图标

　　我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码：

42,Show event.keycode
Key codes for the number and punctuation keys are the same as the ASCII code of the number on the key
<Shift>=16
<Ctrl>=17
<Alt>=18
<input type=text name=txt>
<script language=javascript>
function document.onkeydown()
{
txt.value = "keyCode = "+window.event.keyCode;

}
</script

43,不同时间段显示不同问候语

43,随机变换背景图象（一个可以刷新心情的特效）

　　在<head></head>之间加上如下代码：

　　<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>

44,表格的半透明显示效果

　　在<head></head>之间加上如下代码：　　<style>
　　 .alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度
　　 </style>

　　在<body></body>之间加上如下代码：
　　 <table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" >
　　 <tr>
　　 <td width="100%" height="62">
　　 <div align="center">很酷吧!</div>
　　 </td>
　　 </tr>
　　 </table>

46,今天在动网，看到有人问如何使Frmae背景透明?刚好我以前用过，Kafree现提供代码：
IFRAME里加上属性：allowtransparency="true"
IFRAME的SRC网页加上：
<style type="text/css">

</style>

david286

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
收集整理的javascript代码

收集整理的代码1,Kafree总结的一些尺寸：不同分辨率下浏览器不出现滚动条的极限尺寸:780*452(状态栏浮,800x600) 780*480（无浮动栏,800x600）1004*651（无浮动栏，1024x768） 1004*623（状态栏浮，1024x768）其它:banner:468*60 网站标志(没有规定尺寸):111*36 LOGO：88*31 2,HTML模板"http:
复制链接

扫一扫

专栏目录