精彩的javascript代码（包括表单校验等等）

来源：互联网发布：dns使用的端口编辑：程序博客网时间：2024/06/07 12:03

var newwin = null
//-------------------------------------------------弹出窗口（地址，宽，高）
function newwindow(to,w,h)
{
if (!newwin || newwin.closed)
{
newwin=window.open(to,"indexww","width="+w+",height="+h+",scrollbars")
}
else
{
newwin.close()
newwin=window.open(to,"indexww","width="+w+",height="+h+",scrollbars")
}
newwin.focus()
}

//--------------------------------------------------检验字符
function ischar(s)
{
var errorChar;
var badChar = "><,[]{}?/+=|\\'\":;~!@#$%^&()`";

if ( s == "" )
{
alert("请您输入内容！")
return false;
}

if ( isWhitespace(s) )
{
alert("输入的字符中不能包含空格符，请重新输入！");
return false;
}
errorChar = isCharsInBagEx( s, badChar)
if (errorChar != "" )
{
alert("您输入的字符" + s+"是无效的,\n\n请不要在字符中输入" + errorChar + "!\n\n请重新输入合法的字符！" );
return false;
}

return true;
}

//---------------------------------------------------检验用户名
function isUserName(s)
{
var errorChar;
var badChar = "><,[]{}?/+=|\\'\":;~!@#$%^&()`";
if (isEmpty(s))
{
alert("请输入用户名！");
return false;
}
if ( isWhitespace(s) )
{
alert("输入的用户名中不能包含空格符，请重新输入?quot;);
return false;
}
errorChar = isCharsInBagEx( s, badChar)
if (errorChar != "" )
{
alert("您输入的用户名" + s+"是无效的用户名,\n\n请不要在用户名中输入字符" + errorChar + "!\n\n请重新输入合法的用户名！" );
return false;
}
if (s.length<1 || s.length>20){
alert("用户名必须在1至20个字符之间")
return false
}

return true;
}

//公用函数

//---------------------------------------------------字符是否在S中
function isCharsInBag (s, bag)
{
var i;
// Search through string's characters one by one.
// If character is in bag, append to returnString.

for (i = 0; i < s.length; i++)
{
// Check that current character isn't whitespace.
var c = s.charAt(i);
if (bag.indexOf(c) == -1) return false;
}
return true;
}

function isEmpty(s)
{
return ((s == null)||(s.length == 0));
}

//----------------------------------------------------空格判断
function isWhitespace (s)
{
var whitespace = " \t\n\r";
var i;
for (i = 0; i < s.length; i++)
{
var c = s.charAt(i);
if (whitespace.indexOf(c) >= 0)
{
return true;
}
}

return false;
}

//----------------------------------------------------闰年判断
function isleapyear(thisyear)
{
return(((thisyear%4==0) && (thisyear%100!=0)) || (thisyear%400==0))

}

//----------------------------------------------------除S以外的字符
function isCharsInBagEx (s, bag)
{
var i,c;
// Search through string's characters one by one.
// If character is in bag, append to returnString.
for (i = 0; i < s.length; i++)
{
c = s.charAt(i);
if (bag.indexOf(c) > -1)
return c;
}
return "";
}

//----------------------------------------------------是否选择单选按钮
function radioselected(radioBth)
{
for(i=0;i<radioBth.length;i++)
{
if(radioBth[i].checked)
return true
}
return false
}

//----------------------------------------------------年份判断
function isYear(s)
{
var Today=new Date()
thisYear=Today.getYear()
var badChar = "><,[]{}?/+=|\\'\":;~!@#$%^&`";
var len = s.length;
if (isEmpty(s)){
alert("必须输入年份")
return false;
}
if ( isCharsInBag( s, badChar)){
alert("年份输入非法")
return false;
}
if ((len!=4)){
alert("年份是四位！");
return false;
}
if(!isCharsInBag (s, "0123456789")){
alert("请检查一下您输入的年份是否为数字！");
return false;
}
if (s<1800){
alert("年份要大于1800");
return false;
}
// if ((thisYear-s)<0){
// alert("年份要不能大于"+thisYear);
// return false;
// }
return true;
}

//---------------------------------------------------Email判断
function isEmail(s)
{
if (isEmpty(s))
{
alert("输入的E-mail地址不能为空，请输入！");
return false;
}
//is s contain whitespace
if (isWhitespace(s))
{
alert("输入的E-mail地址中不能包含空格符，请重新输入！");
return false;
}
var i = 1;
var len = s.length;

if (len > 40)
{
alert("E-mail地址长度不能超过40位!");
return false;
}

pos1 = s.indexOf("@");
pos2 = s.indexOf(".");
pos3 = s.lastIndexOf("@");
pos4 = s.lastIndexOf(".");
if ((pos1 <= 0)||(pos1 == len)||(pos2 <= 0)||(pos2 == len)){
alert("请输入有效的E-mail地址！");
return false;
}
else{
if( (pos1 == pos2 - 1) || (pos1 == pos2 + 1)
|| ( pos1 != pos3 ) //find two @
|| ( pos4 < pos3 ) ) //. should behind the '@'
{
alert("请输入有效的E-mail地址！");
return false;
}
}

if ( !isCharsInBag( s, "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.-_@"))
{
alert("email地址中只能包含字符ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.-_@\n" + "请重新输入" );
return false;
}
return true;
}

//--------------------------------------------------数字判断
function isNum(s)
{
if (isEmpty(s)){
alert("必须输入数字")
return false;
}
if(!isCharsInBag (s, "0123456789")){
alert("请检查一下您输入的是否为数字！");
return false;
}
// if (s<1){
// alert("输入的数字要大于0！");
// return false;
// }
// if (s>2000){
// alert("输入的数字要小于2000！");
// return false;
// }
return true;
}

//--------------------------------------------------身份证判断
function isCardNum(s){
if (isEmpty(s)){
alert("必须输入数字")
return false;
}
if(!isCharsInBag (s, "0123456789")){
alert("请检查一下您输入的是否为数字?quot;);
return false;
}
if (s.length==15 || s.length==18){
return true;
}else{
alert("输入的数字长度为15位或者18位！");
return false;
}
}

//--------------------------------------------------邮政编码判断
function isZipCode(s){
if (!isEmpty(s)){
if(!isCharsInBag (s, "0123456789")){
alert("请检查一下您输入的是否为数字！");
return false;
}
if (s.length==6){
return true;
}else{
alert("输入的邮政编码长度为6！");
return false;
}
} else {
return true;
}
}

//--------------------------------------------------日期判断
function chkdate(datestr)
{
if (isEmpty(datestr)){
alert("必须输入日期")
return false;
}
var lthdatestr
lthdatestr= datestr.length ;
var tmpy="";
var tmpm="";
var tmpd="";
//var datestr;
var status;
status=0;

for (i=0;i<lthdatestr;i++){
if (datestr.charAt(i)== '-'){
status++;
}
if (status>2){
alert("请用'-'作为分隔符！");
return false;
}
if ((status==0) && (datestr.charAt(i)!='-')){
tmpy=tmpy+datestr.charAt(i)
}
if ((status==1) && (datestr.charAt(i)!='-')){
tmpm=tmpm+datestr.charAt(i)
}
if ((status==2) && (datestr.charAt(i)!='-')){
tmpd=tmpd+datestr.charAt(i)
}
}

year=new String (tmpy);
month=new String (tmpm);
day=new String (tmpd)
//tempdate= new String (year+month+day);
//alert(tempdate);
if ((tmpy.length!=4) || (tmpm.length>2) || (tmpd.length>2))
{
alert("请用'-'作为分隔符！");
// alert("错误的日期格式！");
return false;
}
if (!((1<=month) && (12>=month) && (31>=day) && (1<=day)) )
{
alert ("错误的月份或天数！");
return false;
}
if (!((year % 4)==0) && (month==2) && (day==29))
{
alert ("这一年不是闰年！");
return false;
}
if ((month<=7) && ((month % 2)==0) && (day>=31))
{
alert ("这个月只有30天！");
return false;
}
if ((month>=8) && ((month % 2)==1) && (day>=31))
{
alert ("这个月只有30天！");
return false;
}
if ((month==2) && (day==30))
{
alert("2月永远没有这一天！");
return false;
}

return true;
}

"总结的部分网页编码技巧"

1)请问如何让一个打开的窗口在限定时间内自动关闭？
--------------------------------------------
你IE版本IE6.0以上的话这个可以:
<body onload="setTimeout('window.close()',2000)">
两秒钟关闭(1s=1000微秒)
</body>

=======================================
2)滚动条不显示就在<body>里加style="overflow:hidden"
去掉框架线在<frame>中加frameborder=0
<frameset cols="*,150" framespacing=10>
<frame noResize frameborder=1 src="about:blank">
<frame noResize frameborder=1 src="about:blank">
</frameset>

=======================================
3)请问怎么把它搞成只有外面的线，表里面所有线都不要
<table width="75%" border="1" cellspacing="0" bordercolor="#FF0000" rules=none>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

=======================================
4)网页上的联接鼠标指针变化，图片指针~~~
<style>
*{font-size:12px}
:visited,:active,:link{ text-decoration:none;color:navy}
:hover{ cursor:url(http://www.kok2.com.cn/kok2/1.ani ... tion:none;color:navy}
body{ cursor:url(http://www.kok2.com.cn/kok2/2.ani)}
</style>
<a href=#>Link</a>
=======================================
5)一张图片，看起来很模糊，可是把鼠标移在那张图片的上面，就变得清晰
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
// Flash Image Extension for Dreamwever ,by Yichun Yuan(dezone@sina.com)
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects

["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}

</script>
</head>

<body>
<a href="http://www.it365cn.com/"; target="_blank"><img border= ... //www.it365cn.com/images/imagelogo.gif";

onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=50)"></a>

</body>
</html>
=======================================
6)用javscript打开图片新窗口用什么代码？
<img src="images/postnew.gif" onclick="window.open('','','width=200,height=200')">

=======================================
7)在一个表格框中如何控制段落行距？
CSS中LINE-HEIGHT的就定义行距的。
style="line-height:4"

=======================================
8)在同一页面怎么采用不同的hover和link、visited?
a:active {font-size: 12px;color: #0066cc;text-decoration: none; }
a:visited {font-size: 12px;color: #0D0D15;text-decoration: none;}
a:hover {font-size: 12px;color: #0066cc;text-decoration: underline;}
a:link {font-size: 12px;color: #0D0D15;text-decoration: none;}
a.b:active { font-size: 12px; color: #ff0000; text-decoration: underline;}
a.b:visited { font-size: 12px; color: #ff0000;}
a.b:hover { font-size: 12px; color: #ff6600;POSITION: relative; LEFT: 1px; TOP: 1px;}
a.b:link { font-size: 12px; color: #ff0000; text-decoration: underline;}</style>

<body>
<p align="center"><a href="#">默认的链接样式 </a></p>
<p align="center"><a href="#" class="b">链接样式表b</a> </p>
</body>
(注：如果是自定义类 .111 a:hover{*****},则只能在非<a>标记里引用，比如<td class="111">。如果定义类为 a.111:hover{*****},则只能

在<a>标记里引用，如<a class="111">
=======================================
9)针对图片限制:table-layout:fixed;
针对汉字限制，但对英文不能自动换行:word-break:break-all；
<table width="250" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td height="200" style="word-break:break-all">这里使用的是word-break:break-all，单元格高度自定义为200px。it365cn.com、

it365cn.com、it365cn.com、it365cn.com、it365cn.com、it365cn.com、it365cn.com、it365cn.com、</td>
</tr>
</table>

=======================================
10)关于FLASH应用在网页时,透明问题!

在网页上,透明的FLASH,就如首页上的BANNER.....它的制作方法是.
做一张背影图片...
然后再做一个滚动的FLASH.........在DW里编辑时,将FLASH的参数设成透明的即可:

在DW里插入表格,与图片一样大小..
然后将图片做为背景插入在表格里...之后,把做好的FLASH插入到图片上方...

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

=======================================
11)超链接的样式的顺序问题！
这个样式要注意链接的虚类的顺序 visited-->active-->hover
link放在哪都一样

=======================================
12)作为一个网页设计师，不知道各位是否有这样的经历：客户给你的网站材料很多都是Word文档，虽然阅读起来很方便，可要添加到网页中就

不是很方便了。尤其是那种含有表格的Word文档，如果要一项一项地去添加，实在是费时又费力。虽然Word可以将文档存为Web页，但生成的废

代码太多，文件体积实在太大。

　　不过还好，Dreamweaver已经为我们提供了很方便的命令，可以将word生成的html文件体积大幅度地减少，只是大家也许没有注意到它的应

用。
　　下面大家先打开Dreamweaver，点击命令菜单，仔细查看一下。会发现其中有这样的两项：清理HTML，清理Word的HTML，看来Dreamweaver

已经为我们提供了处理word文档的命令。下面我们通过一个实例来让大家理解这个命令。

　　这里为大家提供了一个用 word做的课程表，大家可以下载下来试用。下面我们将利用这个表格为实例一步一步地去将这个含表格的word文

档转换成代码清晰的html文件。

　　step1:
　　Dreamweaver是处理不了doc文档的，因此，我们需要先利用word把这个文档另存为html的格式，这一步比较简单，在word里面选择“文件

－另存为”，保存类型选择html即可。

　　step2:
　　观察一下另存出来的html文档，文档竟然有50多K！这仅仅是一个课程表！
　　用Dreamweaver打开这个html文件，选择代码视图，大家可以看到这里的代码简直糟糕透了！先用我们刚才提及的Dreamweaver的菜单“命

令→清理word的HTML”，对文档处理一下。

　　这时候再看一下代码，比原来好得多了，但是还是有很多垃圾代码。再查看一下文档的大小，从原来的50多K迅速降到了不到20K。

　　step3:
　　仔细看一下代码，有很多标签我们都不需要，比如＜P＞,＜SPAN＞,＜DIV＞。其实我们完全可以删除它们。下面便用另外的一个菜单“命

令→清理HTML”来对文档进行一番清理。选择菜单的“命令→清理HTML”，点选指定标签，把我们刚才看到的没有用的标签都填上。

　　格式是这样的：标签名,标签名。比如这里，我们就应该填上p,span,div（注意：中间用半角逗号“,”隔开）。然后点击确定。稍等一会

，会发现我们的文档已经相当干净了。仔细看一下TD标签，会发现它的class属性已经没有意义了。下面我们将它删除。手工一个一个地删？当

然不用！我们可以利用查找与替换的命令来把它们全部删除。好，开始行动。

　　step4:
　　打开查找与替换菜单（编辑→查找与替换，快捷键Ctrl+F）在查找内容前面的下拉框中，提供了四种方式。源代码、文本、文本高级、以

及指定标签。在这里，可以用源代码的方式，或者是指定标签的方式来清理。这里我们用指定标签的方法来清理class属性，让大家了解一下它

的用法。源代码的方式大家应该都比较了解，这里就不多罗嗦了。

=======================================
13)按扭边上的虚线如何去掉？如何不让它显视呢？
<input type=button value="Click Me" onfocus="blur()">
=======================================
14)滚动条居左的代码!
<HTML dir=rtl>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<div align=center style="font-size:14px">看左边的滚动条！！</div>
</BODY>
</HTML>

=======================================
15)如何在一个站点不同页面间播放同一种声文件？

大家有这样的经验，当你访问一个站点首页时，会听到该页设置的背景声音文件，比如一段音乐。当你链接到该站点另一页时，音乐就停止了

。如何让声音不断呢。其实，你只需要建立一个上下框架结构的网页，把声音文件建立在下框架里，并把下框架的宽度设置为一个像素，而上

框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以，声音不会间断。大家还要注意两点，第一，把框架的边框设置为0；

第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。

=======================================
16) 我想使文字距离边框有一定距离,如何实现？
<table width="100%" border="0" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#0099FF">
<tr>
<td bgcolor="#FFFFFF" style="padding:10px;"><div align="center">欢迎光临“织梦论坛”</div></td>
</tr>
</table>

=======================================
17)如何实现无提示关闭窗口！
<input type=button value=test onclick="setTimeout('window.close()',100)">

=======================================
18)网页中虚线表格的制作
可以定义样式表：style="border:1px #000000 dashed"
放到<table>里,例如：
<table style="border:1px #000000 dashed" width="200" border="0" cellspacing="0" cellpadding="2">
<tr>
<td> </td>
</tr>
</table>

还有点线的表格,点线也是一样设置，只要把 dashed 改成 dotted 就可以了。
注意，虚线的效果只能在IE5.5以上版本观看。

=======================================
19)如何让层位于flash对象之上
按如下任一方法设置设置FLASH对象的属性
<param name="wmode" value="transparent"> FLASH将透明
<param name="wmode" value="Opaque"> FLASH仍将保持不透明

=======================================
20)由上而下的滚动字幕吗？
代码：
<marquee onMouseOver=this.stop() onMouseOut=this.start() direction="up" scrolldelay=100 scrollamount=2 height=201px

width=188px> xxxxxxxx</marquee>
<marquee bgcolor="#FFFFFF" border="0" align="middle" scrollamount="1" direction="up" scrolldelay="90" behavior="scroll"

width="100%" height="116px" style="font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 12">测试

</marquee>

=======================================
21)在鼠标移至具体位置时，会出现弹出的Title效果，而且渐隐效果非常好看，
在<head>中插入代码：（下载poptext.js）
<script language="javascript" src="./script/poptext.js"></script>
在每个需要显示的超链接上加入代码：title="说明性文字"

=======================================
22)如何去掉用IE6.0浏览图片，当鼠标放到图片上时出现快捷工具（打印、邮寄、另存等）？？？？？？？？
方法一：<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
方法二：<img galleryimg="no">
定义CSS：<style>
img {nobar:expression(this.galleryImg='no')}
</style>

=======================================
23)去掉热点地图上的区域线框与超链接的线框

使用CSS定义：
<style>
a {blr:expression(this.onFocus=this.blur())}
area {blr:expression(this.onFocus=this.blur())}
</style>
=======================================
24)如何知道浏览器的分辨率?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>检测分辨率</title>
</head>
<body onload="alert('你当前的分辨率是:'+screen.width+'*'+screen.height);">
</body>
</html>

=======================================
25)按分辨率的不同调用不同页面的代码
<html>
<head>
<title>这是判断显示器的分辨率</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script>

</script>
</html>
=======================================
26)输入框只能输入汉字
<script language="javascript">
function openwin(p)
{
if (p!="")
{
window.open(p,'pop','width=400,height=300')
}
}
</script>
<select onchange="openwin(options[selectedIndex].value)">
<option value="">请选择
<option value="1.htm">1
<option value="2.htm">2
<option value="3.htm">3
</select>
=======================================
27)在下拉菜单里的连接中打开新窗口，固定这个窗口的大小，如400x300：
<script language="javascript">
function openwin(p)
{
if (p!="")
{
window.open(p,'pop','width=400,height=300')
}
}
</script>
<select onchange="openwin(options[selectedIndex].value)">
<option value="">请选择
<option value="1.htm">1
<option value="2.htm">2
<option value="3.htm">3
</select>

=======================================
28)制一表单,在文本框中客户端随意输入一网址,按"提交"后,即可打开(链接到)该网址的代码：

<input type=text name="url" value="http://";><input type=button value="打开" onClick="window.open(url.value);">
可以控制window.open方法，实现打开窗口的个性化设置

=======================================
29)列表/菜单中，选中时后新窗口链接
<form name="form2" >
<select name="menu1" class="but" onChange="if(this.selectedIndex && this.selectedIndex != 0){ window.open(this.value); }

this.selectedIndex=0;">
<option value="http://www.blueidea.com";>鸡
<option value="http://www.5d.cn";>鸭
</select>
</form>

=======================================
30) Iframe元素的常用属性：
name：内嵌帧名称
width：内嵌帧宽度(可用像素值或百分比)
height：内嵌帧高度(可用像素值或百分比)
frameborder：内嵌帧边框
marginwidth：帧内文本的左右页边距
marginheight：帧内文本的上下页边距
scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)
src：内嵌入文件的地址
style：内嵌文档的样式(如设置文档背景等)
allowtransparency：是否允许透明
1)请问如何让一个打开的窗口在限定时间内自动关闭？
--------------------------------------------
你IE版本IE6.0以上的话这个可以:
<body onload="setTimeout('window.close()',2000)">
两秒钟关闭(1s=1000微秒)
</body>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

=======================================
71)不需要再用记事本打开源文件

地址栏在很多方面发挥了一定的作用,如大家所熟悉的计算功能:
Java Script : alert(1+2)

下面介绍的是在网页上增加一个控件,如textarea:
步骤:
1.在地址栏输入:
Java Script : ye=document.createElement("textarea");ye.cols=100;ye.rows=12;void(document.body.insertAdjacentElement("AfterBegin",ye))
2.第二步我们在这个基础上再在地址栏输入:
Java Script : void(ye.value=document.body.outerHTML)

即显示了本面的源文件.

这个例子虽然简单,但如果大家想想,如果有一个影片或歌曲的地址是引用变量或加过密的,我们就可以用这个快速得到地址.

=======================================
72)点击按钮进入一URL？

=======================================
73)select里的option进行分类列表。
<span style="position:absolute;border:1px inset #d3d6d9"><select style="margin:-2px; width:200px">
<option selected>------------请选择------------</option>
<optgroup label="javascript&VBScript区">
<option>原创
<option>经典
<optgroup label="后台区">
<option>asp&sql
<option>php&mysql
</select></span>

=======================================
74)让字体翻倒
<style>
.Wrd{ font-family: @黑体}
</style>
<span class=Wrd>这是一段让字体翻倒的javascript.</span>

=======================================
75)禁止主页广告（三种类别）

一. 在页面最后，即</html>后面添加的JS广告。

Answer: 在原来没有加JS广告的页面最后加上<noscript>,这样JS广告加在<noscript>后面就不会被浏览器解释。
二. 在页面中间加的JS广告，如head区或body后面。

Answer: 查找主页上源文件里那段JS广告的地址，下载它，并找出它的id ；假设id为divid,则在<head>后面加上：
<style>
#它的id{ display: none}
</style>

三. 一种弹出窗口的广告。

Answer: 在页面的head区加上:
<script>
function window.open(){
return false;
}
</script>
即可。

=======================================
76)网页保存不了

因为它加了<noscript><iframe src=*.htm></iframe></noscript>

=======================================
77)引用Cnbruce的阴影表格效果
<table align=center width=200 height=100 bgcolor=#f3f3f3 style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)">
<tr>
<td&, gt;<center>www.cnbruce.com</td>
</tr>
</table>

=======================================
78)任务栏出现滚动字体的小代码
<script>
a=":::::::::十年树人、百年树木；教学为本、百年大计::::::::当前页面:首页动画::::::::"
function b()
{
document.title=a
a=a+a.substring(0,1)
a=a.substring(1,a.length)
day=new Date()
y=day.getYear()
mo=day.getMonth()+1
d=day.getDate()
h=day.getHours()
m=day.getMinutes()
s=day.getSeconds()
if (h<=9) h="0"+h
if (m<=9) m="0"+m
if (s<=9) s="0"+s
bb=" 当前时间是:"+y+"年"+mo+"月"+d+"日"+h+":"+m+":"+s
window.status=bb
setTimeout("b()",500)
}
b()
</script>

把段小代码写在<head></head>之间就行！还有上面的汉字可以换成你想写的字！

=====================================
79)网页过渡效果最小的代码
<meta http-equiv="page-enter" content="revealtrans(duration=2,transition=12)">
<meta http-equiv="page-exit" content="revealtrans(duration=2,transition=12)">

=======================================
80)鼠标经过时背景渐变出现，移开后背景渐变消失的效果

=======================================
81) Thumbs.db是什么文件
缓存缩略图文件，与站点无关，直接删除。

======================================
82)纯HTML实现圆角表格
<TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=3 width="100%">
<TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=1>
<TD width=1></TD>
<TD width=1></TD>
<TD width=1></TD>
<TD bgColor=#908a47></TD>
<TD width=1></TD>
<TD width=1></TD>
<TD width=1></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD bgColor=#f7f8f9></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47></TD>
<TD bgColor=#f7f8f9 colSpan=3></TD>
<TD bgColor=#908a47></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD> <TABLE style="TABLE-LAYOUT: fixed" height="100%" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=1 bgColor=#908a47></TD>
<TD id=oINNER bgColor=#f7f8f9>
<font style="font-size:11px; font-family:Tahoma; color:#ff0000; margin:0px 10px;">Hey you guys, Put Your Text Here.</font></TD>
<TD width=1 bgColor=#908a47></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR height=3 width="100%">
<TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR height=1>
<TD width=1></TD>
<TD width=1 bgColor=#908a47></TD>
<TD width=1 bgColor=#f7f8f9></TD>
<TD bgColor=#f7f8f9></TD>
<TD width=1 bgColor=#f7f8f9></TD>
<TD width=1 bgColor=#908a47></TD>
<TD width=1></TD>
</TR>
<TR height=1>
<TD></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD bgColor=#f7f8f9></TD>
<TD bgColor=#908a47 colSpan=2></TD>
<TD></TD>
</TR>
<TR height=1>
<TD colSpan=3></TD>
<TD bgColor=#908a47></TD>
<TD colSpan=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>

======================================
83)浏览器跳转
<script language=javascript>setTimeout("location.replace('http://www.it365cn.com/bbs/')",2000)</script>
二秒后进入织梦论坛

=======================================
84)如何使文本框内的字为不可改动
<input value=aaaa disabled><input value=bbbb readonly>

=======================================
85)如何实现全屏效果
<html><head>
<title>blue</title>
<SCRIPT>
function ow(owurl){
var tmp=window.open("about:blank","","fullscreen=1")
tmp.moveTo(0,0)
tmp.resizeTo(screen.width+20,screen.height)
tmp.focus()
tmp.location=owurl
}
</SCRIPT>
</head>
<body>
<a href="Java Script : ow('/bbs/');">
it365cn bbs</a>

========================================
86)使用CSS滤镜制作字体凹陷的效果
<style>
td{filter:DropShadow(Color=white,OffX=1,OffY=1,);font-size: 14px;}
</style>

<body bgcolor="#CCCCCC">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td>WWW.IT365CN.COM　织梦幻影</td></tr></table>
</body>
</html>
-------------------解释：“td{filter:DropShadow(Color=white,OffX=1,OffY=1,);font-size: 14px;}”

filter CSS过滤器
DropShadow 阴影
Color=white 颜色=白色
OffX=1,OffY=1 位移
font-size: 14px 文字大小

这样应该很明白吧！

========================================
87)带下拉菜单的复选框
<HTML>
<HEAD>
<TITLE>下拉菜单复选</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</HEAD>

========================================
88)改变浏览器的滚动条,让它和你网页的色调相一致

1、如何去除浏览器的滚动条？
回答：A.去掉水平及竖直的滚动条，可在网页原代码中加入以下代码：<body scroll=no>
B.去水平滚动条：<body style=”overflow-x:hidden”>
C.去竖直滚动条：<body style=”overflow-y:hidden”>
2、如何设置滚动条的颜色？
回答：可以通过几种方式来实现，
A．在源代码中加入以下样式表代码：
<style>
BODY {SCROLLBAR-FACE-COLOR:#D4D0C8;SCROLLBAR-HIGHLIGHT-COLOR: #D4D0C8;
SCROLLBAR-SHADOW-COLOR:#999999;SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-TRACK-COLOR#FFFFFF;
SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR:#666666;}
</style>
代码解释：
以上样式表代码中：
SCROLLBAR-FACE-COLOR：用来设定滚动条表面的颜色。
SCROLLBAR-HIGHLIGHT-COLOR：设定滚动条亮边框，这和表格的亮边框是类似的。
SCROLLBAR-SHADOW-COLOR：设定滚动条的阴影部分。
SCROLLBAR-ARROW-COLOR：肩头部分的颜色。
SCROLLBAR-TRACK-COLOR：设定滚条槽的颜色。
SCROLLBAR-DARKSHADOW-COLOR：是指滚动条的暗色阴影。
B：如果你觉得写样式表的方式太麻烦，可以直接使用插件，下载地址：http://www.windstudio.net/dw/files/ie55_scrollbar.mxp
提醒：以上效果需要IE5.5以上版本支持。
3.如何使用图片代替浏览器中的滚动条？
回答：关于这个问题，如果用源代码的方式，恐怕太麻烦了：)这里有一个文件包，可以直接下载以后使用。地址：http://www.hi-fi2000.com/iescroll.zip
提示：
源代码中：调用JS的是这一句：
<script src=”4.files/scroll.js”></script>可以通过修改这一句来修改JS的存放目录，图片的修改也是一样。如果你打算让滚动条更适合你的站点，可以直接修改图片来达到目的。
其中：垂直滚动条：1.jpg
上箭头：2.jpg
垂直滚动条：3.jpg
下箭头：4.jpg
水平滚动槽：5.jpg
左箭头：6.jpg
水平滚动条：7.jpg
右箭头：8.jpg
两根滚动条交接：9.jpg

=======================================
89)如何做横向滚动的窗口

====================================
javastr=""
javastr=javastr+"<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
<%
   dim conn
   dim connstr
   on error resume next
   connstr="DBQ="+server.mappath("qycx.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"       '数据库连接
     set conn=server.createobject("ADODB.CONNECTION")
     conn.open connstr
%>
<%
num=Request.QueryString("num")
if num="" then
num=10
end if
sql="select top "&num&" * from QY WHERE SSJD order by id desc"   '数据库表内项目选择以及表的选择。WHERE 表示另外的表
set rs=conn.execute(sql)
do while not rs.eof
%>
javastr=javastr+"<tr><td>"
<%
name=rs("name")   '数据库表内项目名
    name=replace(name,"<","<")
    name=replace(name,">",">")
    name=replace(name,vbCrlf,"<br>")
    name2=left(name,15) '设置显示字数，默认15
if len(name2)<>len(name) then '设置显示字数值表名
    name2=name2&""
end if
%>
javastr=javastr+"<%=name2%>　<%=(rs("ssjd"))%>　<%=(rs("frdb"))%>　<%=(rs("phone"))%>"

javastr=javastr+"</td></tr>"
<%rs.movenext
loop%>
javastr=javastr+"</table>"
document.write(javastr)
<%rs.close%>
将上面的代码复制到新建的.ASP文件里面，按照说明修改。

调用代码：
<script language="javascript" src="listinfo1.asp?num=12"></script>
listinfo1.asp为上面代码的文件
num=12为显示多少行

需要修改代码如下：
1.数据库连接
2.表的调用
3.name2=left(name,15) 为行显示字数默认15
3.name 表内项目名
4.name2 调用

这是一个比较简单的JS调用代码源文件，以后自己编辑的ACCESS数据库内的数据可以放在HTML页面上去了，做首页的调用合适~~如果能把数据库都整和成一个的话速度可能要快点。

==============================

4 0