目前分類:Javascript (39)

瀏覽方式: 標題列表 簡短摘要

JS最常用的55個經典技巧

1. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵


<table border oncontextmenu=return(false)><td>no</table> 可用於Table



2. <body onselectstart="return false"> 取消選取、防止複製



3. onpaste="return false" 不准粘貼



4. oncopy="return false;" oncut="return false;" 防止複製



5. <link rel="Shortcut Icon" href="favicon.ico"> _fcksavedurl=""favicon.ico">" _fcksavedurl=""favicon.ico">" _fcksavedurl=""favicon.ico">" IE地址欄前換成自己的圖標



6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標



7. <input style="ime-mode:disabled"> 關閉輸入法 

kevin0523 發表在 痞客邦 PIXNET 留言(1) 人氣()

資料來源 :
http://www.paoer.com/article.asp?id=121


文件:xml.xml
=================
<?xml version="1.0" encoding="GB2312" ?>
<Msg>
<TName>kingapex</TName>
<TName>wangfeng</TName>
<Name>ddd</Name>
</Msg>
=================

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

控制橫向和縱向滾動條的顯隱?
<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯

--------------------------------------------------------------------------------
表格變色
<TD #FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand">
--------------------------------------------------------------------------------
禁止複製,鼠標拖動選取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
--------------------------------------------------------------------------------
普通iframe頁面
<iframe src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

--------------------------------------------------------------------------------
iframe自適應高度
<iframe src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


demo:http://www.healdream.com/upLoad/html/jquery/datepicker/index.html
down:http://www.51files.com/?3UWL82G4ILOTOEIT3BQ6
用法很簡單,而且js文件也很小,之前也見過一些日期選擇控件,但個頭都比較大,影響速度
可以設置日期的格式,可以選擇日期的起止時間,如果不加參數的話,默認就是之前的日期不可選,而只能從今天開始選擇

本站備份下載...

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


nicejforms可以算是jquery的一個插件,可以起到非常好的美化表單的作用

demo:http://www.healdream.com/upload/html/nicejforms/nicejforms_green.html
down:http://www.51files.com/?O4IXTNT9ZO9BIL954XTP

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


demo:http://www.healdream.com/upload/html/jquery/greybox/test.html
down:http://www.51files.com/?9UF4NA8RCRX5A0Z2F170

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


實在是太方便了,只要一句話,就能讓目標div變成圓角,就像這樣

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

原始文章出處:http://www.blueidea.com/tech/web/2003/1303.asp

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


點擊下載觀看範例...

[轉] 上面的這個select輸入之後是不起作用的,是不可編輯的select。
下面這個是可編輯的select:

點擊下載觀看範例...

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

靜態文字分頁效果

可將字串中的文字進行分頁


點擊下載觀看範例...

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


更多CSS佈局、網站訪問無障礙化、網站親和力(Accessibility)文章.這是一個用無序列表加腳本製作的網站公告牌,可調用動態數據,你可設定輪顯時間,在IE6+時有多種比較酷的過場效果,可訪問性:IE6+、FF1+、OPera7+。

JS調節參數
程序代碼 程序代碼
var tickspeed=4000 //顯示時間(4000=4秒)
var effectduration=500 //轉換效果在每分鐘持續時間


點擊下載效果演示
代碼見效果頁


kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


點擊下載觀看範例...

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

程序代碼 程序代碼
<script>
function c(n){
if ((n%2)==1){
  document.write('<tr valign=middle bgcolor="#FFFFFF" height=28 align=left>');
  }
else {document.write('<tr valign=middle bgcolor="#eeeeee" height=28 align=left>');}

}
</script>
<table width="500" height="25" border="0" cellpadding="0" cellspacing="0">

<SCRIPT>c(1);</SCRIPT><td height="25">blueidea.com</td>
<td>第1行</td></tr>
<SCRIPT>c(2);</SCRIPT><td height="25">blue</td>
<td>第2行</td></tr>
<SCRIPT>c(3);</SCRIPT><td height="25">idea</td>
<td>第3行</td></tr>
<SCRIPT>c(4);</SCRIPT><td height="25">29ok.com</td>
<td>第4行</td></tr>
</table><br />

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

一個Javascript 的類庫,用於table內容排序。使用很方便,不用每次都去調用數據庫了。
特別適合多表查詢的排序。加上<tbody>的style.display 切換,也可以實現分頁。

點擊下載效果演示...

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

原貼地址:http://bbs.blueidea.com/viewthread.php?tid=2529810

點擊下載,觀看效果...

參考了一些FLASH8的幫助文檔。
以下主要使用到了bitmapData類,使用了attachBitmap方法,使用了draw方法。
使用了矩陣Matrix。使用了矩陣的scale方法等。。。

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()


進入該頁面時只顯示常見的幾個問題,當點擊某個問題的時候,
其下方就會展開顯示問題的答案.而當再次點擊該問題部分或者點擊顯示其他問題的時候,
該問題的答案部分就會收縮隱藏~

能不能做成:點一下 問題,下面的答案就出來,
而 再點一下 問題 ,答案又隱藏起來呢?
現在的是點一下問題,答案出來了,
而點一下其他的 問題,原來的答案隱藏了,新的答案出來了。

ShowFAQ01.htm,點擊觀看...
ShowFAQ02.htm,點擊觀看...

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()



觀看範例... 下載範例...

kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

程序代碼 程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=big5">
<title>檢查輸入長度</title>
</head>
<body>
<script language="javascript">
function changeText(objElement) {
    var oTextCount = document.getElementById("txtCount");  
    iCount = objElement.value.length;
    oTextCount.innerHTML = "<font color=red>"+ iCount+"</font>";    
}
</script>
目前字數總共:<span id="txtCount"><font color="red">0</font></span> 字<br>
<textarea name="message" rows="6" cols="60" wrap="virtual" tabindex="2" onkeyup="changeText(this);"></textarea>
</body>
</html>

點擊下載範例...

程序代碼 程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>檢查中文及英文字數</title>
</head>
<body>
<script language="javascript">
function changeText(objElement) {
    var oTextCount = document.getElementById("txtCount");
var tmp="";
    tmp=objElement.value.replace(/[^\u0000-\u00ff]/g," a a ");
    tmp=tmp.replace(/\b([a-z0-9]+)\b/gi," a ");
    tmp=tmp.replace(/\s/g,"");
    oTextCount.innerHTML = "<font color=red>"+ tmp.length+"</font>";    
}
</script>
目前字數總共:<span id="txtCount"><font color="red">0</font></span> 字<br>
<textarea id="msg" rows="6" cols="60" wrap="virtual" tabindex="2" onkeyup="changeText(this);"></textarea>
</body>
</html>


點擊下載範例...


kevin0523 發表在 痞客邦 PIXNET 留言(0) 人氣()

1 2
找更多相關文章與討論