javascript特效全集

var name = navigator.appName;
if (name == "Microsoft Internet Explorer")
alert("IE");
else if (name == "Netscape")
alert("NS");//判断是何种浏览器

document.write("<BGSOUND SRC='break my heart.MP3' LOOP=INFINITE>");
document.write("<EMBED SRC=canyon.mid AUTOSTART=TRUE ");//插入北京音乐，文件类型可以是*.mid,*.wav,*.mp3

window.status="status";//状态栏显示文字

oDiv.style.setExpression("left","document.body.clientWidth/2 - oDiv.offsetWidth/2");
oDiv.style.setExpression("top","document.body.clientHeight/2 - oDiv.offsetHeight/2");

<DIV ID="oDiv" STYLE="position: absolute"; top: 0; left: 0>Example DIV</DIV>//动态设置属性值

<body onkeydown="return !(event.keyCode==78&&event.ctrlKey)">//键盘同时按下CTRL+N

<select id=a1>
<option>1
<option>2
<option>3
</select>
<script>
a1.options[2].removeNode(true); //删除第三个，如果删除第二个，就用options[1]
</script>//删除某下拉框中的某一项

function JM_cc(bb)
{
    var ob=eval("document.form1."+bb);
    ob.select();
    js=ob.createTextRange();
    js.execCommand("Copy");
}//复制内容到剪切板

<input type="button" name="Button" value="查看当前页面的源代码" onClick= 'window.location = "view-source:" + window.location.href'>//察看源代码

window.blur()//最小化窗口

var s=document.createElement("INPUT")
form1.appendChild(s)
s.value="ss"//动态创建tag
s.name="guoguo";
s.id="myid";

<BODY oncontextmenu="window.close();return false;">//在页面上点击右键是触发

document.URL//文档的路径

setTimeout("change_color()",600);定时执行某段程序

function makeHome(){
netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");
navigator.preference("browser.startup.homepage", location.href);
}//设置为主页

function addFav(){
if(ie)
window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES');
if(ns)
alert("Thanks for the bookmark!\n\nNetscape users click OK then press CTRL-D");
}//设置为收藏

navigator.cookieEnabled;//判断cookie是否可用

function setbgcolor_onclick()
{
var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");
if (color != null)
{
document.compose.bgcolor.value = color;
}
}//显示有模式的有页面的弹出窗口

window.external.AddFavorite('http://www.5dmedia.com', "5D多媒体");//加入favourite文件夹中
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.5dmedia.com');return false;" //设置为默认主页

var a=3454545.4454545;
alert(a.toFixed(2));//截取小数点后两位

1234567890<input type="button" value="查找5" onClick="findInPage(6)">
<script language="javascript">
function findInPage(str){
r = document.body.createTextRange();
r.findText(str);
r.select();
}
</script>//页内查找，仅适用于BODY, BUTTON, INPUT TYPE=button, INPUT TYPE=hidden, INPUT TYPE=password, INPUT TYPE=reset, INPUT TYPE=submit, INPUT TYPE=text, TEXTAREA

oncontextmenu="event.returnValue = false"//屏蔽右键菜单
event.cancelBubble = true//事件禁止起泡

<input style="ime-mode: disabled">//禁止在输入框打开输入法

<input name="txt"><input type="submit" onClick="alert(!/[^ -}]|\s/.test(txt.value))">//屏蔽汉字和空格

function Exists(filespec)
{
if (filespec)
{
var fso;
fso = new ActiveXObject("Scripting.FileSystemObject");
alert(fso.FileExists(filespec));
}
}
选择图片 <input type=file name=f1><p>
<input type="submit" onClick="Exists(f1.value)">//用javascript判断文件是否存在

<input onmouseup="alert(document.selection.createRange().text)" value=123>//获得当前的文本框选中的文字

<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//跳转至目标页面，同时不可返回

}
}
</script>

<table border="1" width="100%" onclick=getrow(this)>
<tr>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
</tr>
<tr>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
</tr>
</table>//获得当前的行是表格的第几行

document.all.myTable.deleteRow(xx)//删除表格某行，xx表示某行，下标从0开始计算

<table id="t1" border="1">
</table>
<script language="javascript">
function add()
{
t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
}//动态的向表格中添加行

event.x,event.clientX,event.offsetX区别：
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。

<body onMouseDown="alert(event.button)">点Mouse看看//显示是鼠标按钮的哪个

<form action="file:///c|/"><input type="submit" value="c:\ drive"></form>//打开C盘

<body onunload="bookmark()">//退出时进行的操作

screen.width、screen.height//当前屏幕的分辨率

<input type=text name=txtPostalCode onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">//只能输入数字

tbl.rows[0].cells[1].innerText=document.form.text1.value;//设置表格中的内容

<p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">网上邻居</a></p>
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target="_blank">我的电脑</a></p>
<p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文档</a></p>
<p><a href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a></p>
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}" target="_blank">控制面板</a></p>
<p><a href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a>(windows 2000)</p>

onClick= 'window.location = "view-source:" + window.location.href'//看源代码

<button onclick="min.Click()"><font face="webdings">0</font></button>//改变按钮上的图片
<input type=button onclick="document.execCommand('CreateLink','true','true')"> //创建新连接
<input type=button onclick="document.execCommand('print','true','true')"> //打印
<input type=button onclick="document.execCommand('saveas','true','海娃在线.htm')">//另存为htm
<input type=button onclick="document.execCommand('saveas','true','海娃在线.txt')">//另存为txt

<SCRIPT>
var contents='<style>body,td{font:menu}img{cursor:hand}</style>';
contents+='<title>你要关闭我吗</title>';
contents+='<body bgcolor=menu>';
contents+='<table width=100% height=100% border=0>';
contents+='<tr><td align=center>';
contents+='你要关闭我吗？<br>';
contents+='<img src=dark.gif onclick=self.close() alt="...关闭">';
contents+='<img src=jet.gif onclick=self.close() alt="全是关闭">';
contents+='</td></tr></table>';
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
document.write(contents);
</SCRIPT>//web对话框

<button onclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//取第x,y的值

newwin=window.open('about:blank','','top=10');
newwin.document.write('');//向新打开的网页上写内容

javascript:history.go(-2);//返回

abcdefg
<input type='button' onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中的字符'>//将页面上选中的内容复制到剪贴板
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false', null);">////将页面上选中的内容复制到剪贴板

<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//鼠标移到下拉框时自动全部打开

var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
alert("File last modified: " + f1.DateLastModified); //获得本机的文件

<input type="button" value="Save As" onclick="txt.location.href='51js.txt';txt.document.execCommand('SaveAs',true,'text.txt')">//文件另存为

因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;

new Option(text,value)这样的函数//创建新的下拉框选项

<STYLE>
td{font-size:12px}
body{font-size:12px}
v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量
</STYLE>
<SCRIPT LANGUAGE="javascript">
mathstr=12;
document.write ("<v:rect fillcolor='red' style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>4人<v:Extrusion backdepth='15pt' on='true'/></v:rect>")
</SCRIPT>
<v:rect fillcolor='red' style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion backdepth='15pt' on='true'/></v:rect>
<v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion backdepth='15pt' on='true'/></v:rect>//在页面上画柱状图

<v:group style='width: 6cm; height: 6cm' coordorigin='0,0' coordsize='250,250'>
<v:rect style='height:10;width:15;top:0;left:10' fillcolor='#ffff33'/>
<v:rect style='height:28;width:100;top:0;left:30' stroked='false'><v:textbox style='fontsize:2'>asp技术</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:30;left:10' fillcolor='#ff9933'/>
<v:rect style='height:28;width:100;top:30;left:30' stroked='false'><v:textbox style='fontsize:2'>php</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:60;left:10' fillcolor='#3399ff'/>
<v:rect style='height:28;width:100;top:60;left:30' stroked='false'><v:textbox style='fontsize:2'>jsp</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:90;left:10' fillcolor='#99ff33'/>
<v:rect style='height:28;width:100;top:90;left:30' stroked='false'><v:textbox style='fontsize:2'>c#写的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:120;left:10' fillcolor='#ff6600'/>
<v:rect style='height:28;width:100;top:120;left:30' stroked='false'><v:textbox style='fontsize:2'>vb.net写的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:150;left:10' fillcolor='#ff99ff'/>
<v:rect style='height:28;width:100;top:150;left:30' stroked='false'><v:textbox style='fontsize:2'>xml技术</v:textbox/></v:rect>
</v:group>

<div style="position: absolute; left: 10; top: 10; width: 760; height:16">
<table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">
<tr>
<td width="100%" id=div1>　</td>
</tr>
</table>
</div>//饼图

<button><iframe src="http://www.google.com/"></iframe></button>//button 是一个特殊的容器，想装个网页都行

event.srcElement.outerHTML//外部的html代码
event.srcElement和event.keyCode标识当前的IE事件的触发器
event.type//事件类型

<html dir=rtl></html>//页面翻转

parent.scroll(x,y);//滚屏

self.status ="";//改变状态栏

window.resizeTo(200,300);//改变窗口大小

style
BODY{CURSOR: url('mouse.ani');
SCROLLBAR-BASE-COLOR: #506AA8;
SCROLLBAR-ARROW-COLOR: #14213F;
}//改变鼠标样式

<input type="button" value="Button" style="background-color: transparent; border: 0;">//背景透明

<input type=button onclick="this.style.cursor='wait'">//鼠标为等待形状

onkeydown="if(event.shiftKey&&event.keyCode==9)event.keyCode=39"//同时按下shift和别的按钮

opener.fucntion1();//调用父窗口的函数

<input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">//body的内部html代码

<INPUT TYPE='button' onclick='parent.test();' value='调用parent窗口的函数'>//框架中调用父窗口的函数

<table width=200 height=200 border>
<tr><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>
</table>
<br>
<input type="button" value="swap row" onclick="c1.swapNode(c2)">//交换节点

<table width=200 height=200 border>
<tr id=trall><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>
</table>
<br>
<input type="button" value="swap row" onclick="trall.removeNode(c2)">//删除节点

addNode()//添加节点

event.srcElement.children[0]和event.srcElement.parentElement //获得事件的父与子标签

window.open('file:///C:/bsitcdata/system3.xml');//打开本地文件

alert("星期"+"日一二三四五六".split("")[new Date().getDay()])//显示当前是星期几

<body onmousedown=if(event.button==1)alert("左键");if(event.button==2)alert("右键")>//判断是左键还是右键被按下

document.write(navigator.userAgent)//获得操作系统的名称和浏览器的名称

event.altKey //按下alt键
event.ctrlKey //按下ctrl键
event.shiftKey //按下shift键

posted @ 2006-11-25 10:42 '.Elvis.' 阅读(1141) 评论(0) 收藏举报

刷新页面返回顶部

云遮雾掩

┏=想获得小成功,必须掌握足够的技巧.
                                    =想获得大成功,必须掌握扎实的基础.
                                    =想获得更高成就,实现更高理想,在前两者基础上,加上善于思考. ┓

javascript特效全集

公告

云遮雾掩

┏=想获得小成功,必须掌握足够的技巧. =想获得大成功,必须掌握扎实的基础. =想获得更高成就,实现更高理想,在前两者基础上,加上善于思考. ┓

javascript特效全集

公告

┏=想获得小成功,必须掌握足够的技巧.
=想获得大成功,必须掌握扎实的基础.
=想获得更高成就,实现更高理想,在前两者基础上,加上善于思考. ┓