JQuery - 随笔分类 - PetterLiu

JQuery图表插件之Flot

摘要：Flot是一个Jquery下图表插件，具有简单使用，交互效果，具有吸引力外观特点。目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器，是一个基于Javascript和Jquery纯客端户的脚本库，下面看一个简单的示例，先插入js: <script language="javasc... 阅读全文

posted @ 2012-10-17 11:40 PetterLiu 阅读(10781) 评论(2) 推荐(0) 编辑

使用SignalR在Asp.net中实现进度条

摘要：前面的文章我们介绍了SignalR。这次我们来实现在Asp.net Web应用程序进度条功能。这里我们引用Jquery.progressbar的插件，你可以点击这儿了解这个插件详细信息。假设您已经对Asp.net MVC Application与JQuery有一些了解。好的，首先我们在Server端创建一个Hub的类型: public class Bookin... 阅读全文

posted @ 2012-07-26 15:38 PetterLiu 阅读(3923) 评论(0) 推荐(2) 编辑

Asp.net MVC3 实现JSONP

摘要：JSONP可以帮我们解决跨域访问的问题。JSONP is JSON With Padding. 这里我们将不再解释其原理。我们来看在ASP.NET MVC 3 如何实现。首先我们需要定义一个JsonpResult. 代码像这样, 直接继承自JsonResult, override了ExecuteResult方法 public class JsonpResult : JsonResu... 阅读全文

posted @ 2012-05-25 20:12 PetterLiu 阅读(7023) 评论(1) 推荐(3) 编辑

HTML5中custom data-*特性与asp.net mvc 3 表单验证

摘要：前面一篇文章我们介绍了HTML5中custom data-*特性，在Asp.net MVC Web App中原来我们对表单有验证，需要写这个js与Jquery Validation 插件配合, 回顾一下，看下面的代码: <!DOCTYPE html><html><head> <title>LoginWithModel</title> <script src="http://aja... 阅读全文

posted @ 2012-04-12 13:30 PetterLiu 阅读(6451) 评论(2) 推荐(1) 编辑

JQuery实现倒计划按钮

摘要：页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码很简单： <head> <title>test count down button</title> <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></... 阅读全文

posted @ 2012-03-23 16:35 PetterLiu 阅读(863) 评论(0) 推荐(1) 编辑

JQuery防止退格键网页后退

摘要：有时我们需要防止退格键的网页后退，一般情况下最好不要这么用，因为对UX体验不好。下面是Js片段在IE9，Firebox 10.0.2 中测试过 : $(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.tar... 阅读全文

posted @ 2012-02-27 15:38 PetterLiu 阅读(5290) 评论(0) 推荐(0) 编辑

使用Jquery,CSS3实现像GooglePlus那样的圆圈效果

摘要：我们要实现像Google+ 那样圆圈效果, 不使用图片.这里只使用CSS3与JQuery, 先定义CSS: 1: <style type="text/css"> 2: div.circle { 3: margin: 100px auto; 4: width:200px; 5: height:200px; 6: } 7: div.... 阅读全文

posted @ 2011-10-05 17:58 PetterLiu 阅读(2016) 评论(1) 推荐(0) 编辑

Asp.net使用JQuery实现放大图片效果

摘要：JQuery已成为现在流行的脚本库, 今天我们还实现Asp.net使用JQuery实现放大图片效果. 首先让我们在ASPX引用JS文件,简单的CSS: 1: <style type="text/css"> 2: .imgthumb 3: { 4: height:100px; 5: w... 阅读全文

posted @ 2011-09-24 22:15 PetterLiu 阅读(4105) 评论(0) 推荐(0) 编辑

JQuery的Alert插件介绍

摘要：有没有厌倦了原来那alert那个风格，总是一个感叹号。有时使得UE不好，今天我们介绍使用Jquery Alert插件，使用它可以用来替换JScript中的alert,confirm,prompt下载JS文件引用到page中，如下代码：注意其中draggable是用来实现拖拉的，如不需要这个功能不就不用引用。在目前最近的Jquery1.42下应用引用：主要方法有：jAlert(message, ... 阅读全文

posted @ 2010-10-08 16:58 PetterLiu 阅读(26140) 评论(5) 推荐(0) 编辑

Jquery插件fancybox1.3.1在IE中图片显示问题

摘要：JQuery的弹出窗口插件也很多了，例如Lightbox…这个我们介绍比较优秀的Plugin – Fancybox ，主要特色有：显示HTML,swf,Iframe,ajax请求支持鼠标滚动显示图片支持阴影，放大效果自定义CSS与增加导航按钮官方有提供比较详细的API，与及How to Use .这里我们不介如何使用了，您可以参看官方网站。下面我们看一段示例代码：这里我们使用... 阅读全文

posted @ 2010-10-01 10:46 PetterLiu 阅读(2693) 评论(1) 推荐(0) 编辑

Asp.net用JQuery找出哪一个元素引起PostBack

摘要：在Asp.net webform中，如何找出哪一个按钮触发Button PostBack事件。先看ASPX：然后在Sever端这么写：很简单的CODE. 希望这篇POST对您有帮助。作者：Petter Liu 出处：http://www.cnblogs.com/wintersun/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留... 阅读全文

posted @ 2010-06-11 17:22 PetterLiu 阅读(643) 评论(1) 推荐(0) 编辑

JQuery操作select标签代码段

摘要：我们经常遇到要操作DOM元素，例如<select>，在Asp.net中Dropdownlist原型就是select。下面几个常用的代码或许对您有帮助：如果您不了解JQuery，可以先看它的文档。希望这篇POST对您有帮助。Author: Petter Liu http://www.cnblogs.com/wintersun 阅读全文

posted @ 2010-05-14 09:35 PetterLiu 阅读(1088) 评论(0) 推荐(0) 编辑

用JQuery.timer插件实现一个计时器

摘要：先去官网下载jQuery Timers插件，然后引用到html中。这里是1.2 version 　　然后是HTML，我们可以放一个hidden 的server control存值用，当然这个随你了。　　加上JS：上面的代码关键的地方是我们用toggle函数，去实现点击Button开关计时器。这个插件有三个方法：everyTime(interval : Integer | String, [la... 阅读全文

posted @ 2010-04-23 09:35 PetterLiu 阅读(1414) 评论(1) 推荐(0) 编辑

Jquery替换已存在于element上的event

摘要：如何替换获去除那些已存在于某个element上的事件呢? 看下面code: 用的就是unbind,然后再removeAttr,最后再加上你的方法。来看下它们API document:unbind([type], [fn])概述bind()的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件类型作为参... 阅读全文

posted @ 2010-03-09 15:42 PetterLiu 阅读(1133) 评论(0) 推荐(0) 编辑

Jquery实现无刷新DropDownList联动

摘要：随着Jquery1.4的发布，Jquery运用越来越多了，让我们来实现以前经常用到的DropDownList无刷新联动。先看HTML,我们引用Jquery,放两个DropDownList: 接着写核心... 阅读全文

posted @ 2010-03-08 15:50 PetterLiu 阅读(6857) 评论(4) 推荐(3) 编辑

在Asp.net中使用JQuery插件之jTip

摘要：jTip 是个轻量级的提示插件。默认支持两个参数：　　width宽度，default value :250px link 要link的URL 　对应的Source code是: 　然后我们看到初始化时，是选择所有class=jTip的<a>标签，然后给它们加上hover方法，让click方法失效接着取得当前id的位置计算将要显示DIV的位置，code也不复杂：其它的一些help ... 阅读全文

posted @ 2010-03-02 17:19 PetterLiu 阅读(1364) 评论(0) 推荐(0) 编辑

使用JQuery实现延迟加载UserControl

摘要：延迟加载UserControl这个需求，我们有时保证组件灵活性，需要动态加态UserControl．其实这实现并不难．此处我们用JQuery调用WebService来实现延迟加载UserControl．　　有一个UserControl是读取CNN的Rss，然后展示出来： 1: <%@ Control Language="C#" AutoEventWireup="true" CodeFil... 阅读全文

posted @ 2010-01-22 22:20 PetterLiu 阅读(1422) 评论(0) 推荐(0) 编辑

JQuery插件之Autocomplete

摘要：JQuery插件真是太多了，今天来说下Autocomplete。大家都有用过Baidu,Google,都已体验过Autocomplete了。我们在Asp.net 也可以实现累似的效果。使用jQuery plugin: Autocomplete，此处我使用的是Asp.net webform，当然你也可以使用Asp.net MVC。在MVC中，我们使用Controller/Action 返回数据，在A... 阅读全文

posted @ 2009-11-27 12:19 PetterLiu 阅读(2217) 评论(2) 推荐(0) 编辑

JQuery实现简单下拉菜单

摘要：JQuery做为一个轻量级的DOM框架给我们带来许多便利,下面是使用JQuery来实现一个简单的下拉菜单:1.首先,我们从Google上引用脚本库: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>2.然... 阅读全文

posted @ 2009-05-28 14:51 PetterLiu 阅读(17133) 评论(0) 推荐(0) 编辑

Asp.net MVC 中使用JTemplates呈现表格

摘要：在Asp.net MVC 中，使得我们能够更加自由控制我们所想显示HTML。通常情况下，都要做一下数据列表。那么我们可以手动去拼一个表格出来，但这样有时对于复杂的表格说，那就JS代码比较复杂了。我们可以借助JS下的模板引擎，来实现这一功能。下面要介绍就是JTemplates，它也是基于Jquery的。看效果: 看VIEW代码： ... 阅读全文

posted @ 2009-02-21 21:22 PetterLiu 阅读(1579) 评论(3) 推荐(0) 编辑

随笔分类 - JQuery