• js resource


    网站测速

    http://www.17ce.com/

     

    浏览器js脚本测速

    http://wd-testnet.world-direct.at/mozilla/dhtml/funo/jsTimeTest.htm

    脚本在线解密

    http://www.hzqedison.cn/jm.htm

    js隐藏表格行

    http://zhuzb1.iteye.com/blog/265999

       <table id ="main" name = "main">
     
       <tr>
                            <td align="right"><p>品牌:</p></td>
                            <td><select name="select3">
                                <option value="">请选择...</option>
                              </select>
                            </td>
                          </tr>
       
                          <tr>
                            <td align="right">地区:</td>
                            <td><select name="select4">
                                <option value="">所有地区</option>
                                <option value="上海">上海</option>
                              </select>
                     
                            </td>
                          </tr>
    
                          
    
    
                           <tr id = "price" style="display:none">
                            <td align="right"><p>价 格:</p></td>
                            <td><select name="price">
                                <option value="1">10万以下</option>
                                <option value="2">10..30万</option>
                                <option value="3">30..50万</option>
                                <option value="3">50..70万</option>
                                <option value="3">70万以上</option>
                              </select>
                            </td>
                          </tr>
                           
                           <tr id ="keyword" style="display:none">
                            <td align="right">关键字:</td>
                            <td><input type="text" name="keyword"  class="inp1"/></td>
                          </tr>
                         
                          <tr>
                            <td width="50%" align="center"><a style="cursor:pointer"  οnclick=controlTable() >...更多</a></td> 
                         </tr>
                          </table>
                                     
        <script Language="JavaScript">                 
                         
                         
                function controlTable(){
     
        if (""==document.getElementById("price").style.display)
           document.getElementById("price").style.display = "none";
        else
           document.getElementById("price").style.display = "";
          
         if (""==document.getElementById("keyword").style.display)
           document.getElementById("keyword").style.display = "none";
        else
           document.getElementById("keyword").style.display = "";  
          
      }
         </script>         
    
    
    

     

     

    java script resource

      http://webfx.eae.net/  高级 JavaScript 特效制作技巧

      http://www.bindows.net/  基于 JavaScript 和面向对象 UI 框架

      http://www.stedy.com/ 大量 XP 风格 Web 组件

     

    Voodoo's Home

    http://www.lib.tsinghua.edu.cn/chinese/INTERNET/JavaScript/

    http://www.lib.tsinghua.edu.cn/chinese/INTERNET/JavaScript/game.htm

     

      CSS 排版的站点范例

      CSS Zen Garden

      Adobe Studio

      Wired News

      ESPN

      Quark

      Inc.com

      PGA Open Championsship

      phish.com

      CSS Edge

     

    javascript

    http://maettig.com/code/javascript/

     

    Name
    
    
    
    
    
                                  Last modified
    
    
    
    
    
           Size
    
    
    
    
    
      
    Parent Directory
    
    
    
    
    
                      19-Jun-2008 09:37      -  
    16x16%10.html
    
    
    
    
    
                         15-Jul-2008 10:52     1k  
    3d_dots.html
    
    
    
    
    
                          01-Feb-2008 12:17     2k  
    asciifire.html
    
    
    
    
    
                        16-Apr-2008 16:58     1k  
    b
    
    
    
    
    
                                     18-Mar-2002 02:09     1k  
    blink_in_IE.html
    
    
    
    
    
                      15-Jul-2008 10:52     1k  
    blinkenrider-plasma.html
    
    
    
    
    
              19-Mar-2008 14:10     2k  
    blinkenrider-radar.html
    
    
    
    
    
               19-Mar-2008 14:09     2k  
    brainfuck.html
    
    
    
    
    
                        30-May-2002 23:32     1k  
    breakout.html
    
    
    
    
    
                         15-Jul-2008 10:53     1k  
    canvas-example.html
    
    
    
    
    
                   19-Mar-2008 13:40     9k  
    color_cycle_51b.html
    
    
    
    
    
                  15-Jul-2008 10:53     1k  
    confirm.html
    
    
    
    
    
                          15-Jul-2008 10:53     1k  
    coulour_picker_226b.html
    
    
    
    
    
              07-May-2006 12:41     1k  
    crosshairs-effect-css2.html
    
    
    
    
    
           03-Sep-2008 11:25     3k  
    crosshairs-effect-javascript.html
    
    
    
    
    
     19-Mar-2008 13:56     4k  
    divo.html
    
    
    
    
    
                             18-Mar-2002 15:09     1k  
    divo_(old).html
    
    
    
    
    
                       18-Mar-2002 15:07     1k  
    flowers.html
    
    
    
    
    
                          13-Mar-2008 16:43     1k  
    frames.html
    
    
    
    
    
                           19-Mar-2008 13:34     1k  
    galaxies.html
    
    
    
    
    
                         10-Oct-2008 11:09     2k  
    genetik.html
    
    
    
    
    
                          13-Oct-2002 14:00     4k  
    genetik2.html
    
    
    
    
    
                         13-Oct-2002 16:29     4k  
    javascript-ereignisse.html
    
    
    
    
    
            21-Sep-2007 16:51     2k  
    javascript-galerie.zip
    
    
    
    
    
                13-Jun-2004 22:08    43k  
    javascript-quiz.html
    
    
    
    
    
                  21-Sep-2007 16:52     2k  
    jumpy.html
    
    
    
    
    
                            07-May-2006 12:44     1k  
    letterpuzzle.zip
    
    
    
    
    
                      16-Jun-2002 03:33     4k  
    marquee.html
    
    
    
    
    
                          07-May-2006 12:45     1k  
    mutationen.html
    
    
    
    
    
                       15-Jul-2008 10:54     2k  
    notiz_(IE55).html
    
    
    
    
    
                     15-Jul-2008 10:55     1k  
    notiz_(compatible).html
    
    
    
    
    
               15-Jul-2008 10:55     1k  
    pid.html
    
    
    
    
    
                              11-Jul-2002 00:28     1k  
    plastic.html
    
    
    
    
    
                          07-May-2006 12:46     1k  
    shadebobs.html
    
    
    
    
    
                        19-Mar-2008 13:50     1k  
    starfield.html
    
    
    
    
    
                        31-Mar-2008 10:52     1k  
    swirl.html
    
    
    
    
    
                            07-May-2006 12:47     1k  
    tableart.html
    
    
    
    
    
                         07-May-2006 12:48     1k  
    text2bin.html
    
    
    
    
    
                         07-May-2006 12:48     1k  
    


    对话框有三种

    http://yaoyao19851023.iteye.com/blog/259959

    1 alert 只是提醒,不能对脚本产生任何改变;

    2 confirm 一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 

    3 prompt 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>三种弹出对话框的用法实例</title>
    <script language="javascript">
    function ale()
    {//这个基本没有什么说的,就是弹出一个提醒的对话框
        alert("我敢保证,你现在用的是演示一");
    }
    function firm()
    {//利用对话框返回的值 (true 或者 false)
        if(confirm("你确信要转去 天轰穿的博客?"))
        {//如果是true ,那么就把页面转向thcjp.cnblogs.com
            location.href="http://thcjp.cnblogs.com";
        }
        else
        {//否则说明下了,赫赫
            alert("你按了取消,那就是返回false");
        }
    }
    function prom()
    {
        var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,
        //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
        if(name)//如果返回的有内容
        {
            alert("欢迎您:"+ name)
        }
    }
    </script>
    </head>

    <body>
    <p>对话框有三种</p>
    <p>1:只是提醒,不能对脚本产生任何改变;</p>
    <p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断 </p>
    <p>3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p>
    <p>下面我们分别演示:</p>
    <p>演示一:提醒 对话框</p>
    <p>
      <input type="submit" name="Submit" value="提交" οnclick="ale()" />
    </p>
    <p>演示二 :确认对话框 </p>
    <p>
      <input type="submit" name="Submit2" value="提交" οnclick="firm()" />
    </p>
    <p>演示三 :要求用户输入,然后给个结果</p>
    <p>
      <input type="submit" name="Submit3" value="提交" οnclick="prom()" />
    </p>
    </body>
    </html>

    Html代码 复制代码
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
    2. < html   xmlns = "http://www.w3.org/1999/xhtml" >   
    3. < head >   
    4. < meta   http-equiv = "Content-Type"   content = "text/html; charset=gb2312"   />   
    5. < title > 三种弹出对话框的用法实例 </ title >   
    6. < script   language = "javascript" >   
    7. function ale()  
    8. {//这个基本没有什么说的,就是弹出一个提醒的对话框  
    9.     alert("我敢保证,你现在用的是演示一");  
    10. }  
    11. function firm()  
    12. {//利用对话框返回的值 (true 或者 false)  
    13.     if(confirm("你确信要转去 天轰穿的博客?"))  
    14.     {//如果是true ,那么就把页面转向thcjp.cnblogs.com  
    15.         location.href = "http://thcjp.cnblogs.com" ;  
    16.     }  
    17.     else  
    18.     {//否则说明下了,赫赫  
    19.         alert("你按了取消,那就是返回false");  
    20.     }  
    21. }  
    22. function prom()  
    23. {  
    24.     var name = prompt ("请输入您的名字","");//将输入的内容赋给变量 name ,  
    25.     //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值  
    26.     if(name)//如果返回的有内容  
    27.     {  
    28.         alert("欢迎您:"+ name)  
    29.     }  
    30. }  
    31. </ script >   
    32. </ head >   
    33.   
    34. < body >   
    35. < p > 对话框有三种 </ p >   
    36. < p > 1:只是提醒,不能对脚本产生任何改变; </ p >   
    37. < p > 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断  </ p >   
    38. < p > 3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片  </ p >   
    39. < p > 下面我们分别演示: </ p >   
    40. < p > 演示一:提醒 对话框 </ p >   
    41. < p >   
    42.   < input   type = "submit"   name = "Submit"   value = "提交"   onclick = "ale()"   />   
    43. </ p >   
    44. < p > 演示二 :确认对话框  </ p >   
    45. < p >   
    46.   < input   type = "submit"   name = "Submit2"   value = "提交"   onclick = "firm()"   />   
    47. </ p >   
    48. < p > 演示三 :要求用户输入,然后给个结果 </ p >   
    49. < p >   
    50.   < input   type = "submit"   name = "Submit3"   value = "提交"   onclick = "prom()"   />   
    51. </ p >   
    52. </ body >   
    53. </ html >   
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>三种弹出对话框的用法实例</title>
    <script language="javascript">
    function ale()
    {//这个基本没有什么说的,就是弹出一个提醒的对话框
        alert("我敢保证,你现在用的是演示一");
    }
    function firm()
    {//利用对话框返回的值 (true 或者 false)
        if(confirm("你确信要转去 天轰穿的博客?"))
        {//如果是true ,那么就把页面转向thcjp.cnblogs.com
            location.href="http://thcjp.cnblogs.com";
        }
        else
        {//否则说明下了,赫赫
            alert("你按了取消,那就是返回false");
        }
    }
    function prom()
    {
        var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,
        //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
        if(name)//如果返回的有内容
        {
            alert("欢迎您:"+ name)
        }
    }
    </script>
    </head>
    
    <body>
    <p>对话框有三种</p>
    <p>1:只是提醒,不能对脚本产生任何改变;</p>
    <p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断 </p>
    <p>3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p>
    <p>下面我们分别演示:</p>
    <p>演示一:提醒 对话框</p>
    <p>
      <input type="submit" name="Submit" value="提交" οnclick="ale()" />
    </p>
    <p>演示二 :确认对话框 </p>
    <p>
      <input type="submit" name="Submit2" value="提交" οnclick="firm()" />
    </p>
    <p>演示三 :要求用户输入,然后给个结果</p>
    <p>
      <input type="submit" name="Submit3" value="提交" οnclick="prom()" />
    </p>
    </body>
    </html>

     

    转自http://www.chenjiliang.com/Article/View.aspx?ArticleID=4517&TypeID=31

    50个令人叹为观止的JavaScript应用站点

    http://www.iteye.com/news/5362-50-stunning-javascript-application-site

     

    end

  • 相关阅读:
    P4549 【模板】裴蜀定理
    POJ1606 Jugs
    2. 数据库连接池规范
    14. BootStrap * 组件
    BootStarpt
    13. Flex 弹性布局2 BootStrap
    12. Flex 弹性布局 BootStrap
    CSS3
    21. Servlet3.0 / 3.1 文件上传 Plus
    20. Servlet3.0 新特性
  • 原文地址:https://www.cnblogs.com/lindows/p/14390609.html
Copyright © 2020-2023  润新知