Browsing all articles tagged with jQuery
七
4
1

我们来做一个会呼吸的菜单吧!!

Author Jessica     Category CSS, JavaScript     Tags , ,

我看到了网上有一些例子..我就来凑个热闹..说下我自己的做法..

大家先可以看一下最终的效果 http://resume.skiyo.cn/

我的做法相对比较简单..大部分工作都是css来做的..

首先我们需要看上去差不多是下面的一张菜单图片..你可以点击之后看大图..

然后我们就来写HTML了..注意.重点就在这里..我让a在li的上面..遮盖住li..

View Code
1
2
3
4
5
6
7
8
9

<div id="menu">
  <ul>
    <li id="nv_about"><a href="#about_anchor"> </a></li>
    <li id="nv_skill"><a href="#skill_anchor"> </a></li>
    <li id="nv_works"><a href="#works_anchor"> </a></li>
    <li id="nv_introduce"><a href="#introduce_anchor"> </a></li>
    <li id="nv_contact"><a href="#contact_anchor"> </a></li>
  </ul>
</div>

CSS为:

read more

五
10
8

jQuery中getJSON跨域原理详解

Author Jessica     Category JavaScript, 本站原创     Tags , ,

前几天我再开发一个叫 河蟹工具条 的时候，其中有个功能就是获取本页面的短网址。

这个想法是好的，可是在我付诸于行动的时候，发现这个需要跨域。

起初我的想法就是，跨域的最简单的方法就是增加一个script标签，因为script标签是允许跨域的。

但是问题又来了，对方的API返回的是个json对象，用script标签只能执行，却不能获取到里面的东西，也就是说返回的东西是不可控的。

随后我就想到了jQuery中的getJSON的方法，学习了一下，没想到里面的文章这么大。

jQuery非常聪明，他也意识到只靠script请求是无法接受到返回的东西的，所以他就设计了一个全局的callback函数，发送请求的时候把这个callback函数也传进去。

服务器判断是否有这个callback函数，如果没有就返回一个对象，如果有就返回一个函数名（对象）。

我们可以通过下面这个地址来看一下

read more

三
2
0

SkiyoSpinner for jQuery

Author Jessica     Category JavaScript     Tags ,

没什么要说的 工作需要 就做了一个简单的:)

下载和Demo地址:http://demo.skiyo.cn/skiyospinner/

三
29
2

利用jQuery实现简单的web ping…

Author Jessica     Category JavaScript     Tags

简单的不能在简单了..也没有什么技巧可言..

前几天看到有个人提出这个问题..其实无非就是不间断的ajax请求而已.没有什么技术含量

    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. 

  3. <head> 
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    5. 

  5. <title>简单的web ping演示</title> 
    6. 

  6. <script type="text/javascript" src="jquery.js" ></script> 
    7. 

  7. <script type="text/javascript">   
    8. 

  8. $(document).ready(function (){  
    9. 

  9.     var ping, requestTime, responseTime ;  
    10. 

  10.     setInterval(ping,1000);  
    11. 

  11.     function ping() {  
    12. 

  12.     $.ajax({url: 'empty.html',  //设置一个空的ajax请求  
    13. 

  13.         type: 'GET',  
    14. 

  14.         dataType: 'html',  
    15. 

  15.         timeout: 30000,  
    16. 

  16.         beforeSend : function() {  
    17. 

  17.             requestTime = new Date().getTime();  
    18. 

  18.         },  
    19. 

  19.         complete : function() {  
    20. 

  20.             responseTime = new Date().getTime();  
    21. 

  21.             ping = Math.abs(requestTime - responseTime);  
    22. 

  22.             $('#ping').append('<br />ping:' + ping + 'ms');  
    23. 

  23.         }  
    24. 

  24.     });  
    25. 

  25. }  
    26. 

  26. });  
    27. 

  27.    
    28. 

  28. </script> 
    29. 

  29. </head> 
    30. 

  30.    
    31. 

  31. <body> 
    32. 

  32. <div id="ping">loading...</div> 
    33. 

  33. </body> 
    34. 

  34. </html> 
    35.

演示地址:http://www.skiyo.cn/demo/ping/

read more

一
15
0

jQuery 1.3 Packed

Author Jessica     Category JavaScript, 收集整理     Tags

JQuery在三岁生日的时候发布了1.3版本，但是这次版本目前还没有提供packed的版本。

所以我就自己packed了，给需要的人。

打包之后是37.1 KB (38,078 字节)

read more

一
7
4

强人作品 – jQuery1.2.6源码分析

Author Jessica     Category JavaScript, 收集整理     Tags

不多说了.里面带个PDF跟源码详细注释.

作者非常强大.分析的很透彻.作者的功底相当深厚,值得我们学习,

强烈推荐给大家.

read more

一
5
3

jQuery进度条 – ProgressBar

Author Jessica     Category JavaScript, 收集整理     Tags ,

如果你的PHP安装了uploadprogress插件的话.它还自带了一个PHP上传实时进度的例子.非常不错

read more

十二
29
1

利用jQuery获取LI的索引值

Author Jessica     Category JavaScript, 收集整理     Tags 
    

  1. <script type="text/javascript" src="jquery.js"></script>  
    2. 

  2. <script type="text/javascript">  
    3. 

  3. $(function(){  
    4. 

  4.     $("li").click(function(){  
    5. 

  5.         alert($("li").index(this));  
    6. 

  6.     });  
    7. 

  7. })  
    8. 

  8. </script>  
    9. 

  9. <ul>  
    10. 

  10. <li>猛击我</li>  
    11. 

  11. <li>猛击我</li>  
    12. 

  12. <li>猛击我</li>  
    13. 

  13. </ul> 
    14.
十二
8
0

功能强大的右键菜单 – jQuery ContextMenu

Author Jessica     Category JavaScript, 收集整理     Tags ,

里面有详细说明.我也写了几句注释.都能看懂

read more

十二
1
1

jQuery—插件开发详解

Author Jessica     Category JavaScript     Tags ,

1.在JQuery命名空间内声明一个特定的命名

    

  1. $.fn.yourFun = function() {   
    2. 

  2.    // do something  
    3. 

  3. };  
    4.

调用：

    

  1. $('#myDiv').yourFun(); 
    2.

2.接收参数来控制插件的行为；
我们需要在函数中允许一个object类型的选项设置。如下所展示的那样：

read more

Older

分类目录

最近文章

最近评论

文章索引模板

标签

.net AJAX button Comet CSS Discuz! DIV+CSS Flash Form Google HTML编辑器 IE8 Java JavaScript jQuery JSP md5 MySQLReback Oracle PHP php-fpm PNG Punny SkiyoTabs tab TagCloud Vista Web2.0 Windows7 上传 加密 变量 图标 本站原创 模板 模板引擎 源码 登录 短网址 石家庄 算法 类 编译 面向对象 魔术方法

链接表