随笔分类 -  脚本---jQuery学习

摘要:在上一篇介绍MVC中的Ajax实现方法的时候,曾经提到了除了使用Ajax HTML Helper方式来实现之外,Jquery也是实现Ajax的另外一种方案。通过get方法实现AJax请求View<script type="text/javascript"> function GetTime() { $.get("Home/GetTime", function (response) { $("#myPnl").html(response); }); return false; }</script><div 阅读全文
posted @ 2011-11-27 21:18 awp110 阅读(237) 评论(0) 推荐(0)
摘要:哈哈,亲们,真的不愿意相信你们是被标题吸引进来的,但事实让我不得不承认男人的本性。但是,请放心,我绝非标题党(我最痛恨那些浪费大家时间的标题党了),既然你有幸进来了,那我得想办法让你带着收获离开。轻轻地我走了,正如我轻轻地来,我要带走楼主留给我的一片云彩……好吧,收起我的放荡不羁,让我们立马切入正题,正如标题上说的,今天我们要在ASP.NET中用jQuery.Jcrop插件实现图片的选取功能,你想选取美女的哪个部位你说了算,我就管不着了。总的来说,原理很简单,大致流程是:在浏览器上加载原图 --> 用矩形框在原图上选取区域并将选取的顶点坐标和矩形尺寸发送至服务器 --> 服务器端用 阅读全文
posted @ 2011-11-21 14:58 awp110 阅读(1763) 评论(1) 推荐(0)
摘要:Welcome 欢迎由于项目需求,要使用富客户端,选择了EasyUI,之前并没有接触过,上网搜索一番,没有找到完整的中文文档,项目组又没有英语达人,无奈之下,我硬着头皮,把官方提供的英文文档啃了,一边啃顺便用中文记录下来。其实几个月前就啃完了,现在的项目组一直在参考使用。我深感查字典揣摩英文原意的痛苦,早就想快点都通过博客共享出去,免去如我一样英语破(poor)人的痛苦,可是上班忙工作,下班忙家务,所以断断续续的,好在终于要发完了,也算了却一桩心事。为了方便大家检索使用,制作此目录置顶。知识是全人类的财富,传播知识,就是撒播财富的种子,欢迎大家转载,但请看在风流涕淌年迈体衰精力不佳仍然英俊潇洒 阅读全文
posted @ 2011-11-18 11:53 awp110 阅读(253) 评论(0) 推荐(0)
摘要:本文将介绍20个最新的jQuery效果,还有值得一提的是8月份jQuery 发布移动设备版本 jQuery Mobile。1.Custom Animation Banner with jQuery通过使用jQuery Easing和jQuery 2D Transform插件,创建自定义animation banner。View Demo(查看示例)2.快速反馈表 – jQuery & PHPMartin Angelov 将教你如何快速的创建用于接收来自用户反馈的解决方案,使用到了jQuery, PHP 和 PHPMailer类。View Demo(查看示例)3.Wijmo – jQue 阅读全文
posted @ 2011-11-16 09:23 awp110 阅读(176) 评论(0) 推荐(0)
摘要:jQuery插件是网页设计师最喜欢的。从图像滑块,图像画廊和导航插件,它们是如此众多,如此多样,如此惊人的和互动可以制作美化网站。在本文的在30个插件中,我认为必须在网站建设时用到。当然你现在可能不善于用,但我敢肯定你会发现他们在你未来的项目中使用!。Nivo滑块毫无疑问,这个插件是世界上最真棒jQuery的滑块图片,并配有超过15个过渡效果。Anything Slider任何滑块从所有最通用的滑块。您可以添加绝对的东西,从视频到简单的文字和图像,这是真棒。幻灯片幻灯片是,本着简约的jQuery幻灯片插件。挤满了一套有用的功能,以帮助新手和高级开发人员创造优雅和用户友好的幻灯片。jQuery的 阅读全文
posted @ 2011-11-03 10:33 awp110 阅读(198) 评论(0) 推荐(0)
摘要:http://www.jeasyui.com/demo/index.php jquery easyui dialog的几个使用问题 jquery easyui dialog可以两种方式使用 1)定义div,使用iframe <div id="openRoleDiv" class="easyui-window" closed="true" modal="true" title="标题" style="width:500px;height:350px;"> <i 阅读全文
posted @ 2011-10-27 15:46 awp110 阅读(453) 评论(0) 推荐(0)
摘要:想必关注jQuery的同学们对jQuery EasyUI已经有所耳闻了,目前已经更新到1.0.5版本,风格与EXTJS有点相似,可以很好的满足开发人员对UI的需求。jQuery EasyUIjQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,t 阅读全文
posted @ 2011-10-27 09:52 awp110 阅读(372) 评论(0) 推荐(0)
摘要:最近项目中有个图片在线裁剪功能,本人查找资料,方法如下:前台展现用jquery.Jcrop实现,后台使用 System.Drawing.Image类来进行裁剪.1.前台展现实现网上找到这个jquery.Jcrop,稍看了下,发现它提供的效果完全能满足项目需求.官方网址:http://deepliquid.com/content/Jcrop.html,感兴趣的朋友可去看看.页面先引用相关样式和脚本: <link href="Styles/jquery.Jcrop.css" rel="stylesheet" type="text/css&qu 阅读全文
posted @ 2011-10-20 09:34 awp110 阅读(268) 评论(0) 推荐(0)
摘要:Form Effect - 表单美化插件 1)Formly这个基于jQuery的表单美化插件,并带有表单校验功能。http://thrivingkings.com/formly/ 2)jQuery Tags Input这个jQuery插件能够将一个简单的文本输入转换成一个漂亮的Tag列表。http://xoxco.com/clickable/jquery-tags-input演示地址:http://xoxco.com/clickable/jquery-tags-input#examples 3)jFormer是一个jQuery插件能够利用最新的Web开发技术快速生成漂亮,符合标准... 阅读全文
posted @ 2011-10-20 08:30 awp110 阅读(230) 评论(0) 推荐(0)
摘要:jQuery的绑定事件非常方便,有bind、unbind、live、one,还有它帮你把一些常用的事件给单独了出来,比如控件的onclick事件,我们绑定onclick事件的时候只需要view source print?1$("#testButton").click(function() {2alert("I'm Test Button");3});详细的可以参考我写过的jQuery事件机制和jquery如何绑定事件这两篇文章如果我们要取消绑定的事件?jQuery有unbind的方法,专门用来取消绑定的事件view source print?1$ 阅读全文
posted @ 2011-10-09 11:26 awp110 阅读(267) 评论(0) 推荐(0)
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>显示隐藏列 </title> <script language="JavaScript"> function setHiddenCol(oTable, iCol)//Writed by QQ:190988779 at 2007-7-24 11:14:09 { for (i = 0; i < oTable.rows.l 阅读全文
posted @ 2011-09-27 15:53 awp110 阅读(1278) 评论(0) 推荐(0)
摘要:ASimpleGoodLookingContextMenu[ContextMenu-右键菜单]这是一个采用jQuery实现的右键菜单,拥有与windows相同的功能和外观。jQueryUIdialogwithMenubar[DropDownMenu-下拉菜单]jQueryUIdialogwithMenubar是一款基于jqueryui类似windows风格的菜单工具条插件.StickyMenuBar[DropDownMenu-下拉菜单]StickyMenuBar是一款基于jquery的下拉菜单插件,支持子菜单,自定义内容等功能.jquery-breadcrumb[Menu-菜单]jquery- 阅读全文
posted @ 2011-09-23 17:20 awp110 阅读(257) 评论(0) 推荐(0)
摘要:终于可以将zTree v3.0 beta 发布出来了,在这里首先感谢大家对zTree 的支持。 这次zTree v3.0 改动相当的大,包括 js 的代码架构、 css 调整;当然还有采用了延迟加载技术后,对性能的优化。赶快去下载吧:http://code.google.com/p/jquerytree/downloads/list 顺便网站也进行了全面改版:http://www.baby666.cn/ 当然这次v3.0 的升级还是有一个比较大的遗憾,就是为了性能、结构等性能的提升,此次升级无法做到向下兼容。但我专门制作了v2.6 -v3.0 的升级必读,请升级的朋友仔细阅读:http... 阅读全文
posted @ 2011-09-09 15:56 awp110 阅读(271) 评论(0) 推荐(0)
摘要:用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)onmouseover="this.style.cursor='hand'"cursor其他取值 auto :标准光标 default :标准箭头 pointer, hand :手形光标 wait :等待光标 text :I形光标 vertical-text :水平I形光标 no-drop :不可拖动光标 not-allowed :无效光标 help :帮助光标 all-scroll :三角方向标 move :移动标 cro 阅读全文
posted @ 2011-08-01 09:05 awp110 阅读(957) 评论(0) 推荐(0)
摘要:这篇文章收集了33个优秀的 jQuery 图片插件分享给大家。jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,其中最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些精美的效果,给访问者对网站留下非常好的印象。 1. Foxibox2. MobilySelect3. MobilySlider4. Diaporama5. Flipping Book Image6. Spherical Panorama Viewer7. Panel Gallery8. Gallerybox9. Hover Image10. Imag 阅读全文
posted @ 2011-07-20 08:39 awp110 阅读(233) 评论(0) 推荐(0)
摘要:jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。 Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件,可创造出极具个性的网页排版,是2010年最佳jQuery插件之一。演示 | 下载New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的产品幻 阅读全文
posted @ 2011-06-28 08:45 awp110 阅读(183) 评论(0) 推荐(0)
摘要:jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。 1- ZWeatherFeed jQuery Plugin2- JDesktop3- Mocha UI Library4- Pajinate JQuery Plugin5- JQuery Datagrid Plugins6- JQuery Superbox7- Masked Input Plugin8- Sexy 阅读全文
posted @ 2011-06-28 08:43 awp110 阅读(269) 评论(0) 推荐(0)
摘要:jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。 26- Visual JQuery Lightbox27- 3D Cloud Carousel28- Slide out and drawer effect29- Lightview30- Coda Popup Bubbles31- Facebook Style Wall Post32- Style Author 阅读全文
posted @ 2011-06-28 08:39 awp110 阅读(189) 评论(0) 推荐(0)
摘要:当你使用ajax的时候,json是一个很方便的数据传输手段.但是对于很多人来说,经常会遇到的一个很令人头疼的问题就是”invalid label”错. 明明json串看起来是对的,怎么还会出错呢? 比如,如下的代码:function handle_success(response){var json = eval(response); // response = "{'foo' : 'bar'}";}浏览器会报,invalid label错, 这是因为, eval会尝试将你的response解释为一个label, 当你在脚本中直接写:< 阅读全文
posted @ 2011-06-22 16:55 awp110 阅读(227) 评论(0) 推荐(0)
摘要:jQuery Tooltip Plugin DemoThree elements with tooltips, default settingsLink to google Input something please! Code$('#set1*').tooltip(); Using bodyHandler to display footnotes in the tooltipSome text referring to a footnote. And here is the actual footnote, complete with nested HTML.Code$(& 阅读全文
posted @ 2011-06-22 13:57 awp110 阅读(303) 评论(0) 推荐(0)