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

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

 轉至目標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" > app

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);// this

 

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

相關文章
相關標籤/搜索