一个不错的JS博客

作者：Uncle Liu 发布于：2009-7-14 1:58 Tuesday 分类：Javascript

http://www.cnblogs.com/cloudgamer/

存着,备忘.

评论(5) 引用(0) 浏览(2927)

jquery

作者：Uncle Liu 发布于：2009-7-4 16:07 Saturday 分类：Javascript

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。

　　jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

　　它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。

阅读全文>>

评论(21) 引用(0) 浏览(2362)

中国省市二级联动JS

作者：Uncle Liu 发布于：2009-6-11 9:39 Thursday 分类：Javascript

中国省市二级联动JS.留着备用

阅读全文>>

评论(17) 引用(0) 浏览(3033)

左导航、右展开的例子

作者：Uncle Liu 发布于：2009-5-29 21:17 Friday 分类：Javascript

左导航、右展开的例子

阅读全文>>

评论(5) 引用(0) 浏览(2338)

onclick改变classname

作者：Uncle Liu 发布于：2009-5-29 21:13 Friday 分类：Javascript

onclick改变classname

阅读全文>>

评论(11) 引用(0) 浏览(2158)

老外写的的代码自动高亮

作者：Uncle Liu 发布于：2009-5-29 8:28 Friday 分类：Javascript

使用很方便

阅读全文>>

附件下载：
SyntaxHighlighter_1.5.0.zip 56.65KB

评论(11) 引用(0) 浏览(2471)

公告上滚代码

作者：Uncle Liu 发布于：2009-5-8 9:33 Friday 分类：Javascript

公告上滚JS代码

阅读全文>>

评论(1) 引用(0) 浏览(2086)

textarea 显示剩余字数

作者：Uncle Liu 发布于：2009-5-8 9:30 Friday 分类：Javascript

textarea 显示剩余字数JS代码

阅读全文>>

评论(2) 引用(0) 浏览(3052)

自动演示跳转到指定页面的JS代码

作者：Uncle Liu 发布于：2009-5-4 7:40 Monday 分类：Javascript

自动演示跳转到指定页面的JS代码

阅读全文>>

评论(4) 引用(0) 浏览(2447)

定时关闭的层

作者：Uncle Liu 发布于：2009-5-4 7:23 Monday 分类：Javascript

定时关闭的层，用来做提示框效果不错，测试通过IE和FF.

阅读全文>>

评论(6) 引用(0) 浏览(2005)

javascript 全选全不选代码

作者：Uncle Liu 发布于：2009-5-3 5:21 Sunday 分类：Javascript

javascript 全选全不选代码

阅读全文>>

评论(0) 引用(0) 浏览(1684)

弹出层效果

作者：Uncle Liu 发布于：2009-4-10 8:04 Friday 分类：Javascript

一个常见的弹出层效果

阅读全文>>

评论(2) 引用(0) 浏览(1578)

ctrl加回车提交

作者：Uncle Liu 发布于：2009-4-9 5:14 Thursday 分类：Javascript

可用在提交表单，论坛使用较为常见。

脚本说明:
第一步：把如下代码加入<body>区域中

XML/HTML代码
  1. <FORM METHOD=POST ACTION="a.asp" name="form1">  
  2. <input type="text">  
  3. <input type="submit" value="发送" name="submit">  

第二步：把<body>中的内容改为：

XML/HTML代码
  1. <BODY  onkeydown="if(event.ctrlKey && event.keyCode=='13') form1.submit.click();">  

评论(13) 引用(0) 浏览(1942)

让按钮倒计时10秒以后才能提交

作者：Uncle Liu 发布于：2009-4-9 4:51 Thursday 分类：Javascript

可用在注册页面，设置阅读协议时间。

JavaScript代码
  1. <script>   
  2. i=9   
  3. function change()   
  4. {   
  5. i--;   
  6. p.value="同意"+i   
  7. if(i==0)   
  8. { p.disabled=false}   
  9. else  
  10. setTimeout("change()",1000)   
  11. }   
  12. window.onload=change;   
  13. </script>   
  14. <input type=button name=p disabled>   

评论(11) 引用(0) 浏览(1754)

鼠标移过自动打开连接

作者：Uncle Liu 发布于：2009-4-9 4:23 Thursday 分类：Javascript

用来放在网页广告里效果很好，很卑鄙！

JavaScript代码
  1. <html><head>><script language="JavaScript" type="text/JavaScript">   
  2. var autoclick_ok=false;   
  3. function mClk() //   
  4. {   
  5. if(!autoclick_ok)   
  6. {   
  7. var source=event.srcElement;source.click();   
  8. //autoclick_ok=true;   
  9. }   
  10. }   
  11. </script></head><body><font onmouseover=mClk() color=red> <a href="http://www.alixixi.com" target="_blank">鼠标移上看看</a>  </body>   
  12. </html>   

评论(10) 引用(0) 浏览(1963)

文本框随文本的宽度而增长的特效代码

作者：Uncle Liu 发布于：2009-4-9 4:21 Thursday 分类：Javascript

JavaScript代码
  1. <!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">    
  2. <html>    
  3. <head>    
  4. <title>网页特效代码，文本框随文本的宽度而增长 by alixixi.com</title>    
  5. </head>    
  6. <script type="text/javascript">    
  7. function changeInputlength(cursor)    
  8. {    
  9. var getcount=document.getElementById("countFont");    
  10. var getText=document.getElementById("text");    
  11. getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';    
  12. cursor.size=getText.value.length+2;    
  13. }    
  14. </script>    
  15. <body>    
  16. <input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>    
  17. <span id="countFont"></span>    
  18. </body>    
  19. </html>   

评论(7) 引用(0) 浏览(1842)

仿QQ聊天记录日期代码

作者：Uncle Liu 发布于：2009-3-5 1:47 Thursday 分类：Javascript

<!DOCTYPE html PUBLIC "34;-//W3C//DTD XHTML 1.0 Transitional//EN"34; "34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"34;>
<html xmlns="34;http://www.w3.org/1999/xhtml"34;>
<head>
<title>日期选择效果</title>
<script type="34;text/javascript"34;>
function HS_DateAdd(interval,number,date){
 number = parseInt(number);
 if (typeof(date)=="34;string"34;){var date = new Date(date.split("34;-"34;)[0],date.split("34;-"34;)[1],date.split("34;-"34;)[2])}
 if (typeof(date)=="34;object

阅读全文>>

评论(3) 引用(0) 浏览(1483)

51job多选效果

作者：Uncle Liu 发布于：2009-3-5 1:44 Thursday 分类：Javascript

51job多选效果

阅读全文>>

评论(14) 引用(0) 浏览(1858)

让iframe自适应高度

作者：Uncle Liu 发布于：2009-3-5 1:25 Thursday 分类：Javascript

 

JavaScript代码
  1. <script language="javascript">   
  2. <!--   
  3. function SetWinHeight(obj)   
  4. {   
  5.  var win=obj;   
  6.  if (document.getElementById)   
  7.  {   
  8.   if (win && !window.opera)   
  9.   {   
  10.    if (win.contentDocument && win.contentDocument.body.offsetHeight)   
  11.     win.height = win.contentDocument.body.offsetHeight;   
  12.    else if(win.Document && win.Document.body.scrollHeight)   
  13.     win.height = win.Document.body.scrollHeight;   
  14.   }   
  15.  }   
  16. }   
  17. -->   
  18. </script>   
  19.   
  20.   
  21. <iframe width="200" src="/1.html" id="JKPlus_win" name="JKPlus_win" scrolling="no" frameborder="0" onload="Javascript:SetWinHeight(this)"></iframe>   

评论(5) 引用(0) 浏览(1688)

点击复制文本框代码

作者：Uncle Liu 发布于：2009-3-2 18:39 Monday 分类：Javascript

1.

<html><head><title>点击复制地址的代码</title></head>

<body>
<input type="button" name="Submit" onClick='copyToClipBoard()' value="复制">
<input name="hidden"  id="aa" value="http://www.uncleliu.cn/index.php" />
<script language="javascript">
    function copyToClipBoard(){
     var clipBoardContent = "";
     clipBoardContent += document.getElementById( "aa" ).value;
     window.clipboardData.setData("Text", clipBoardContent);
     alert("复制成功");
   }
</script></body></html>
 

2.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html－Uncle Liu's Blog www.uncleliu.cn</title>
</head>
<body>
<script>
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy");
alert("复制成功");
}
</script>
<input type="text" value="点击我copy!" onclick="oCopy(this)">
</body>
</html>

评论(16) 引用(0) 浏览(3152)

js校验文本框中只能输入0~9的数字

作者：Uncle Liu 发布于：2009-2-27 0:21 Friday 分类：Javascript

JavaScript语言:
<input   type=text   ōnpaste="return   false"   ōnkeypress="a()">数字<br>      
       
  <scrīpt   language=javascrīpt>      
  function   a()      
  {      
      var   k   =   window.event.keyCode;      
      if   (k   <   48   ||   k   >   57){      
            alert("你输入的不是数字！")      
            window.event.keyCode   =   0   ;}      
  }      
  </scrīpt>
 
    

评论(17) 引用(0) 浏览(2564)

Powered by emlog 沪ICP备09020591号