管理

随笔分类 -  【24】jQuery学习及应用

摘要:1.Simple Effects for Drop-Down Lists一个jQuery插件用于将普通的select控件转成一个带有一些简单扩展效果的下拉列表。2.X-editable这个插件能够让你在页面上创建可编辑的元素。它能够使用任何引擎(bootstrap、jquery-ui、jquery)... 阅读全文

posted @ 2014-12-04 18:16 lzhdim 阅读(194) 评论(0) 推荐(0) 编辑

摘要:做项目的时候总是少不了要用到Jquery插件,但是Jquery插件有太多,每次都要花费一些时间,因此本人就抽时间整理了一些Jquery插件,每个插件都有Demo或者是使用文档供大家下载。整理了一晚上才整理这么多,先分享给大家,下边还有后续………整理这些东西真的不容易,希望大家转载的时候注明出处,尊重... 阅读全文

posted @ 2014-12-03 20:19 lzhdim 阅读(265) 评论(0) 推荐(0) 编辑

摘要:网站在展示信息时,如果信息量过大,解决方法主要有三种。1.分页,将信息分页显示。2.整页显示,但是页面过长,影响浏览体验。3.使用滚动条,而默认滚动条样式太单一,用户体验不友好。所以我们需要美化滚动条。美化滚动条最简单的方式就是使用jquery插件,本文介绍的就是jquery插件中的滚动条插件nan... 阅读全文

posted @ 2014-12-03 19:56 lzhdim 阅读(235) 评论(0) 推荐(0) 编辑

摘要:在网站开发过程中,有时我们需要验证用户输入的信息是否符合我们的要求,所以我们会对用户提交的数据进行验证。验证分两次进行,一次是在客户端,一次是在服务端。客户端的验证可以提升用户的体验。jquery验证插件有很多,实现的功能也基本相同。本文介绍的只是jquery验证插件中的一种jquery.valid... 阅读全文

posted @ 2014-12-03 19:55 lzhdim 阅读(219) 评论(0) 推荐(0) 编辑

摘要:1.gridster插件功能实现类似于win8 磁贴拖拽的功能2.gridster官方地址http://gridster.net/在官方的网站上也有插件的帮助和实例,但是按照官方的说明,我在本地测试总是出现这样那样的问题,一是无法移动,二是在磁铁的附近有一个黑点,可能是定位使用的。但是如果在网站中正... 阅读全文

posted @ 2014-12-03 19:50 lzhdim 阅读(249) 评论(0) 推荐(0) 编辑

摘要:网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层,弹出的窗口就是弹出层。jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美。而在例如ie8一下的浏览器下显示不出应有的效果。例如jquery.avgrund插件在ie... 阅读全文

posted @ 2014-12-03 19:46 lzhdim 阅读(456) 评论(0) 推荐(0) 编辑

摘要:1.alertify插件功能主要实现提示功能,用于代替js中的alert,confirm,prompt,显示友好的提示框2.alertify官方地址http://fabien-d.github.io/alertify.js/官方已经对alertify进行了详细的说明,也提供了在线显示3.alerti... 阅读全文

posted @ 2014-12-03 19:45 lzhdim 阅读(266) 评论(0) 推荐(0) 编辑

摘要:本文转载自:http://www.cnblogs.com/shulin/archive/2010/08/09/1796146.html最近工作中用到jQuery插件,需要安装eclipse插件才能支持jQuery智能提示,在网上搜索了一下,常用的有三个插件支持jQuery的智能提示:1.jQuery... 阅读全文

posted @ 2014-11-15 15:13 lzhdim 阅读(245) 评论(0) 推荐(0) 编辑

摘要:这些年主要关注于项目管理方面的工作,编码就比较少了。这几天比较空闲,就想把原来的经验沉淀下来,一个是做好记录,以后如果忘记了还能尽快找回来,第二个是写写博文,算是练练手笔吧。 言归正传,这次写的是Javascript类库。大家都知道,Javacript是一种很有意思的语言。虽然它是前端语言,但... 阅读全文

posted @ 2014-11-13 09:29 lzhdim 阅读(31072) 评论(1) 推荐(2) 编辑

摘要:A while back weupdated VS2008 IntelliSenseto not fail when referencing jQuery. However, getting IntelliSense for chained calls and rich summary/parame... 阅读全文

posted @ 2014-11-12 19:25 lzhdim 阅读(160) 评论(0) 推荐(0) 编辑

摘要:JavaScript solves multiple purposes; it helps you to create interactive websites, web applications, and many more. Using JavaScript into your projects... 阅读全文

posted @ 2014-11-12 10:17 lzhdim 阅读(1217) 评论(0) 推荐(0) 编辑

摘要:今天找到一个关于jQuery的又一个不错的UI,特此保存下。备用。http://www.miniui.com/ 阅读全文

posted @ 2014-02-05 15:04 lzhdim 阅读(221) 评论(0) 推荐(0) 编辑

摘要:一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$('#content').hide(); 或者从ID选择器继承来选择多个元素:$('#content p').hide(); 2. 在class前面使用tag jQuery中第二快的选择器就是tag选择器(如$(‘head’)),因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID)var receiveNewsle 阅读全文

posted @ 2013-04-22 17:32 lzhdim 阅读(203) 评论(0) 推荐(0) 编辑

摘要:1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"} });2. 解决jQuery, prototype共存,$全局变量冲突问题: 注意:一定要先引入prototype.js 再引入jquery.js,先后顺序不可错。3. jQuery 判断元素上是否绑定了事件//jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件 var 阅读全文

posted @ 2012-04-28 12:31 lzhdim 阅读(582) 评论(1) 推荐(1) 编辑

摘要:http://www.catswhocode.com/blog/10-awesome-jquery-snippets[代码]图片预加载01(function($) {02varcache = [];03// Arguments are image paths relative to the current page.04$.preLoadImages =function() {05varargs_len = arguments.length;06for(vari = args_len; i--;) {07varcacheImage = document.createElement('i 阅读全文

posted @ 2011-11-23 09:40 lzhdim 阅读(249) 评论(0) 推荐(0) 编辑

摘要:工具提示是当鼠标在某特定区域上停留时显示的一个矩形窗口.工具提示窗口包含一些编程者想要显示的文本.当单击或者远离指定区域的时候就会消失。本文像你推荐 25 个 jQuery 的工具提示插件:Easiest Tooltip and Image Preview Using jQueryjQuery Plugin: TooltipCoda Popup BubblesBetter TipjQuery Hover Sub Tag CloudCut & Paste Ajax TooltipBeautyTipsBuild a Better Tooltip with jQuery Awesomenes 阅读全文

posted @ 2011-08-18 10:01 lzhdim 阅读(472) 评论(0) 推荐(0) 编辑

摘要:文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验。本文介绍20个jQuery的文件上传插件,其中有一些是教程。1.PluploadPlupload 是一个Web浏览器上的界面友好的文件上传模块,可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。2.The KillersAjax Upload该插件使用 XHR 用于上传多个文件,支持上传进度显示,但不支持 IE3.SWFUpload jQuery Plugin4.AjaxFileUpload5.UploadifyUploadify简单说来,是基于Jquery的一款文件上传插件。它的功能特 阅读全文

posted @ 2011-08-03 20:45 lzhdim 阅读(1200) 评论(1) 推荐(0) 编辑

摘要:jQuery 教程的学习资源非常丰富,本文介绍一些最新的jQuery教程,这些教程的特点是jQuery和CSS3的结合。列表如下:幻灯效果内容导读的切换效果滑动效果 jPaginatoro/Using jQuery,右击功能保持站点logo 上传文件 AJAX触摸效果的HTML5站点创建创建jQuery 图片裁剪插件 阅读全文

posted @ 2011-08-03 12:22 lzhdim 阅读(348) 评论(0) 推荐(0) 编辑

摘要:这里是很棒的jQuery教程的一个大集合,并包括步骤说明。41个jQuery教程列表如下:1.JQuery for Absolute Beginners: The Complete Series2.An Intensive Exploration Of jQuery3.10 Things I Learned from the jQuery Source4.11 More Things I Learned From the jQuery Source5.Quick Tip: Dissecting jQuery – Text6.jQuery Cheat Sheet7.JQuery Visual C 阅读全文

posted @ 2011-07-23 08:27 lzhdim 阅读(314) 评论(0) 推荐(0) 编辑

摘要:在这篇文章中,我们为您收集了一些非常有用的,而且效果很好的 jQuery 实际开发教程。1. 使用 jQuery 构建一个可滑动的产品幻灯展示2. 使用 PHP、jQuery 和 CSS3 实现的相片展位3. 使用 jQuery 创建很酷的动画菜单4. 使用Raphaël实现的动画技巧5. 对图片进行各种角度的旋转6. 图片墙7. 图片缩略图滑动展示8. 支持缩略图的全屏图片展示9. 移动方框中的内容10. Sliding Stacked Images With JQuery11. 实现可拖放的购物车12. Sweet Thumbnails Preview Gallery13. 效果 阅读全文

posted @ 2011-06-24 06:56 lzhdim 阅读(400) 评论(0) 推荐(0) 编辑

Copyright © 2000-2022 Lzhdim Technology Software All Rights Reserved