javascript常用特效汇总

 点击时文字消失,失去焦点时文字再出现 
<input type="text" value="请输入搜索内容" onfocus="if(value=='请输入搜索内容') {value=''}" onblur="if (value=='') {value='请输入搜索内容'} ">  
 鼠标移入移出时颜色变化 
<input type="submit"  value="找吧"  name="B1"  onMouseOut=this.style.color="blue"  onMouseOver=this.style.color="red" >  
 打印网页 
<a href='javascript:window.print ()'>  
 可以根据网页上的选项来确定页面颜色 <SCRIPT> 
function bgChange(selObj) { 
 newColor = selObj.options[selObj.selectedIndex].text;  document.bgColor = newColor;  selObj.selectedIndex = -1;  } 
</SCRIPT> 
<SELECT SIZE="8" onChange="bgChange(this);">   <OPTION>Red   <OPTION>Orange </SELECT> 

var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/baichuan/ns.js'; document.body.appendChild(script)

 转至目标URL 
window.location=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/http://guoguo  
 将页面加入favorite中 <script language=javascript>  function Addme(){  
url = http://your.site.address    //网址;  title = "Your Site Name"; //你自己的主页名称  window.external.AddFavorite(url,title);  </script>  
 设为首页  
<script type="text/javascript">  function sethome(){ 
this.style.behavior="url(#default#homepage)"; 
this.sethomepage("http://hi.baidu.com/%B0%BC%CD%B9%B8%E9%C7%B3/creat/blog//");  return false; }  </script>   
 过10秒自动关闭页面 < script language="JavaScript" > 

var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/baichuan/ns.js'; document.body.appendChild(script); 

function closeit() { 
setTimeout("self.close()",10000) } 
< /script >  
 点击value非空的选项时转向指定连接 
 <select onchange='if(this.value!="")window.open(this.value)' >     <option selected>主办单位</option> 
    <option value= "http://www.bjd.com.cn/">北京日报</option>     <option value= "http://www.ben.com.cn/">北京晚报</option> </select>  
 两个按键一起按下 
if(event.ctrlKey && window.event.keyCode==13)  
 刷新页面 
javascript:this.location.reload()   后退 
<INPUT TYPE="button" onclick=window.history.back() value=back>   前进 
<INPUT TYPE="button" onclick=window.history.forward() value=forward> 

 实时时间 
<SCRIPT LANGUAGE="JavaScript"> var clock_id; 
window.onload=function() { 
 clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000) } 
</SCRIPT>  
 当前屏幕的分辨率 screen.width、screen.height  
 将页面上选中的内容复制到剪贴板 abcdefg <input 
type='button' 
onclick="window.clipboardData.setData 
('text',document.selection .createRange().text);"  value='复制页面选中的字符'>  
 标识当前的IE事件的触发器 event.srcElement和event.keyCode   滚屏 
parent.scroll(x,y);// 

<body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">  
 框架中调用父窗口的函数 
<INPUT TYPE='button' onclick='parent.test();' value='调用parent窗口的函数'>  
 判断是左键还是右键被按下 
<body onmousedown=if(event.button==1)alert("左键");if(event.button==2)alert("右键")>  
 alt/ctrl/shift键按下 
event.altKey //按下alt键  event.ctrlKey //按下ctrl键   event.shiftKey //按下shift键  
 回车按钮转化为tab按钮 
if(event.keyCode==13) event.keyCode=9  
 设置透明效果 
document.form.xxx.filters.alpha.opacity=0~100 

原文地址:https://www.cnblogs.com/wyq-home/p/5100178.html