javascript經常使用特效彙總

時間 2019-11-18

原文原文鏈接

 點擊時文字消失，失去焦點時文字再出現
<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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。