zoukankan      html  css  js  c++  java
  • 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 

  • 相关阅读:
    保护ASP.NET 应用免受 CSRF 攻击
    在html页头设置不缓存
    ASP.NET MVC – 关于Action返回结果类型的事儿(上)
    UC浏览器 分享到朋友圈和微信好友
    利用java Base64 实现加密、解密
    Java图片工具类,完成图片的截取和任意缩放
    iscroll动态加载数据完美解决方案
    ASP.NET三层架构的分析
    如何用浏览器调试js代码
    练习使用jquery.并将验证强度的功能加到注册页面中
  • 原文地址:https://www.cnblogs.com/wyq-home/p/5100178.html
Copyright © 2011-2022 走看看