随笔分类 - [10]JS
-
用Javascript创建Mac效果的界面
摘要:If you are a big Mac fan, you will love thisCSS dock menuthat I designed. It is usingJqueryJavascript library and Fisheye component fromInterfaceand some of myicons. It comes with two dock styles - to... 阅读全文
-
Javascript的this例子
摘要:<!--这个程序使用了javascript中的this,this可以减少很多不必要的代码量,并且提高代码的效率--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-eq... 阅读全文
-
如何在Javascript实现OO编程
摘要:http://hi.baidu.com/kxw102/blog/item/10f56239e1c82c2eba998f66.html如何在Javascript实现OO编程?恐怕最好的方式就是充分利用prototype属性。关于prototype的介绍有很多,我就不赘述了。比较基本的原理是,当你用prototype编写一个类后,当你new一个新的object,浏览器会自动把prototype中的内容... 阅读全文
-
AJAX中服务器返回状态
摘要:Informational==================================100 Continue指示客户端应该继续请求。回送用于通知客户端此次请求已经收到,并且没有被服务器拒绝。客户端应该继续发送剩下的请求数据或者请求已经完成,或者忽略回送数据。服务器必须发送最后的回送在请求之后。101 Switching Protocols服务器依照客服端请求,通过Upgrade头信息,改... 阅读全文
-
首页的导航条
摘要:土豆(tudou.com)首页的导航条,当鼠标移到到“社区”菜单时,对应的菜单的弹出效果比较有意思,类似于一个弹球落地的效果,对于有意思的东西,当然要研究研究。有兴趣的朋友可以自己先去看看效果,然后再来看文章。tudou代码 看了tudou的js代码,发现他们也是使用jquery来实现动画效果的,代码如下: f.style.height=0; this.style.visi... 阅读全文
-
jQueryPad
摘要:这个jQueryPad也是我无意中在网上看页面的时候看到的,下载下来试用了下,感觉很好,这个软件是使用WPF开发的(不过不开源,需要安装.NET Framework 3.5),整体界面很简洁,首先来看下软件的运行界面: 左边为HTML的代码,右边为jQuery代码,同时支持代码折叠,语法高亮(但是就是没有代码提示,感觉有点不爽,不过jQuery使用的时间长了基本的熟悉后应该就无所谓了),在编写好... 阅读全文
-
知道AutoHotKey
摘要:知道AutoHotKey还是在去年的时候看[A2]更快的使用你的键盘:AutoHotkey这篇文章的时候看到的,当时我也正在苦恼平时用电脑总归有那么几个东西需要高频率的去访问,但是我又不喜欢把快捷方式放到桌面上,就导致了我每次都得去到目录里去找,实在是太烦了,为此我的一个罗技鼠标因为我的暴力试用下罢工了。后来因为看到这个文章就试着去把自己常用的目录和程序给整理起来然后写到脚本里,然后封装成EXE,... 阅读全文
-
使用jQuery.AutoComplete完成仿淘宝商品搜索功能
摘要:其实这个已经是个比较常见的功能了,网上也有很多人做过这个了,但是很多都是仅仅做了一些基本的网页上自动完成功能,没有与具体的数据库进行联动,我今天所介绍这个自动完成的就是我修改的jQuery.AutoComplete+数据库的一个解决方案 首先来看一些效果图: 这个是淘宝首页的搜索效果 京东首页的搜索效果 我修改的jQuerzy.AutoComplete实现的效果 一、实现效果分析我要实现的效... 阅读全文
-
使用jQuery.Validate进行客户端验证
摘要:以前在做项目的时候就有个很大心病,就是微软的验证控件,虽然微软的验证控件可以帮我们完成大部分的验证,验证也很可靠上手也很容易,但是我就是觉得不爽,主要理由有以下几点: 1、拖控件太麻烦,这个是微软控件的常用方式,你要使用一个控件你得从工具栏中拖到页面里(当然你也可以不拖手写)。2、必须指定验证对象,验证控件与其他textbox,dropdownlist控件不同的是它是验证其他控件的输入是否有效的,... 阅读全文
-
JData 使用教程 对数据进行排序
摘要:JData 使用教程(六) 对数据进行排序 使用 JData ,只需要编写少量的代码,便可以实现最为常用的功能。 在 JData 中,对数据进行排序,非常,非常的简单。效果图如下: 服务端代码: 代码 客户端代码: 代码 在创建一个列后,只需要调用 set_sortExpression 方法来指定排序的表达式,一般来说,该表达式即是对应的属性名称。例如: [代码]Code highlighti... 阅读全文
-
JData 使用教程 过滤数据
摘要:JData 使用教程(七) 过滤数据 JData 的 GridView 控件并没有集成搜索的功能,因为要实现搜索功能,必须创建搜索条件输入框和按钮。如下图所示:服务端代码和前面介绍的基本一致,我们主要来看一下客户端代码,客户端代码如下:代码我们要关注的是这一小段:这一小段实现的功能就是对 dataSource 设置过滤过件,并重新进行绑定。相信对 Asp.Net 熟悉的朋友都能很好理解。不过要注意... 阅读全文
-
JData 使用教程 对输入数据进行验证(服务端验证)
摘要:JData 使用教程(五) 对输入数据进行验证(服务端验证) JData 除了可以在客户端验证数据,还可以在服务端对数据进行验证。如下图所示:服务端代码如下:代码上面那段代码,首先是对数据进行验证,然后创建一个包含错误信息的匿名对象,并将请对象赋值给 ExecuteResult 的 Message 成员,以便将错误信息返回到客户端,而 AffectedRowCount = 0 表示更新失败。该匿名... 阅读全文
-
用JQuery制作简单实用的下拉菜单
摘要:demo:<scriptsrc="jquery.min.js"type="text/javascript"></script>23<styletype="text/css">4#boyicss5{margin:0;6padding:0}78#boyicssli9{float:left;10list-style:none;11font:12pxTahoma,Ari... 阅读全文
-
JData 使用教程(四) 对输入数据进行验证(客户端验证)
摘要:JData 使用教程(四) 对输入数据进行验证(客户端验证) 绝大多数情况下,我们都需要对所输入的数据进行验证,而验证又可分为客户端验证和服务端验证。现在先来讲一下如何进行客户端验证。我们先来看一下效果图。代码如下:代码我们需要注意的代码是:[代码]在这段代码中,首先创建一个 JData.RangeValidator ,然后把它添加到一个列中,用来验证该列的数据。目前 JData 验证类仅有两个,... 阅读全文
-
ALinq
摘要:这几天,在博客园看到了很多朋友的 ORM,忍不住也把我写的 ORM 拉出来溜溜,我写的这款 ORM 叫 ALinq 。1、什么是 ALinq ?ALinq 是一款与 Linq to SQL 相兼容的 ORM。简而言之,就是 Linq to SQL 的山寨版,并且青出于蓝,胜于蓝。它不但完整实现了 Linq to SQL 的功能,并在其基础上进行了一系列的扩展。API 的改进:1、支持多种数据库,包... 阅读全文
-
JData 使用教程
摘要:JData 使用教程(-) 加载数据JData 是一个采用 JavaScript 编写的数据组件类库,目标是将 Asp.net 中的 GridView,DetailsView,FormView 移植到 JavaScript 中来,并在原有功能的基础上进行扩展,它是为 Asp.net 开发人员而设计。其中 JData.js 文件是用来实现 Asp.Net 中的 GridView,DetailsVie... 阅读全文
-
jqueryCode
摘要:code:快速评论通道--您对本文的宝贵意见: 感谢您的鼓励和批评,它将是我进步的动力 阅读全文
-
JS类库
摘要:*------------------------------------------------------------ 2 * S.Sams Lifexperience 3 * CopyRight (C) 2003-2007 S.Sams Lifexperience ScriptClassLib 4 * MSNLive: S.Sams#msn.com 5 * Http://blog.8... 阅读全文
-
JS实现非图片动态loading
摘要:功能说明:譬如在按某个button时,显示消息"Loading”,然后每隔一秒后后面加上".",至一定数量的"."时如:"Loading...",再重置此消息为"Loading",继续动态显示,直至按钮事件处理完成。代码如下:首先实现该功能的js对象LoadingMsg:代码关键点:如果把var callObj = this;this.intervalID = setInterval(... 阅读全文
-
仿iGoogle自定义首页模块拖拽
摘要:关于js拖拽早已是老生常谈,网上一搜一大坨,但是有很多并不是很完善,或者兼容性不够,或者功能不全,并且这样的东西还是自己写的好用。我打算在(一)中主要对js拖拽功能的注意点进行罗列,力求简单;在(二)中利用(一)的拖拽去实现类似google个性化首页的拖拽模块功能。 首先贴上完整code(IE/FF)代码对Drag的使用:在window.onload中,必填参数是titleBar和dragDi... 阅读全文