![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
(JQuery)
文章平均质量分 94
yuan_jie
相信自己!
展开
-
全球jQuery的UI框架集锦
DWZ国产jQueryUI框架源代码完全开放,在Apache License 2.0许可下, 可免费应用于个人或商业目的。是目前最知名的UI框架,用户群不少。尘缘也经常逛他们的用户论坛,发现用户很多的使用问题都有很及时的回复和解决办法,这让尘缘这种不精通Jquery的后员程序员来说,是难得的福音。在测试网站的使用过程中,尘缘发现DWZ的性能还有待提高,页面内存占用很高,运行稍显迟钝,调转载 2012-03-12 18:02:24 · 1810 阅读 · 0 评论 -
FullCalendar说明文档
FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档,方便参阅。当前版本1.6.4。普通显示设置属性描述默认值header设置日历头部信息。如果设置为false,则不显示转载 2013-11-27 13:46:20 · 5277 阅读 · 0 评论 -
Jquery日期、时间选择插件
在jquery ui中,提供了一个非常实用的日期选择器:datepicker,使用它能非常方便的展现日历中的日期,灵活配置相关选项,包括日期格式、范围等。我们经常在WEB应用中用到datepicker,比如要求用户输入日期进行相关查询的。我们很早之前就应用datepicker到很多项目中,今天整理成文与大家分享。查看演示DEMO下载源码准备工作首先请到jquer转载 2013-11-27 13:56:16 · 4633 阅读 · 0 评论 -
PHP+MySql+jQuery实现的“顶”和“踩”投票功能
当我们浏览网页时,我们想对网页内容如文章、评论中的观点持赞同或反对意见时,可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程,开发者可以通过ajax异步来实现,从而提高用户体验。本文结合实例,讲解使用PHP+MySql+jQuery实现的“顶”和“踩”投票功能,通过记录用户IP,判断用户的投票行为是否有效,该实例也可以扩展到投票系统中。如果您具备PHP、MySql和jQuery相转载 2013-11-27 14:07:51 · 647 阅读 · 0 评论 -
Jquery_iPictrue插件实现图片上多点标注
iPictrue是一款基于jQuery,能在图片上的任意位置标注提示信息的插件,使用iPictrue可以让图片内容更丰富,提高互动性,适用于一些需要注释图片信息的应用如产品结构图等,它还支持图片、链接等html内容。查看演示DEMO下载源码HTML首先在页面中加入jquery库以及iPicture插件,以及css样式文件。 rel="stylesheet" typ转载 2013-11-27 14:14:02 · 5109 阅读 · 0 评论 -
jQuery访问量、下载量等统计数字滚动效果
有时我们需要动态的展示访问次数、下载次数等效果,我们可以借助jQuery结合后台php实现一个滚动的数字展示效果。本文将结合实例使用jquery背景动画插件,将数字作为背景图片,定时让背景图片滚动起来,从而实现了滚动数字的效果。本文以实时获取某产品的下载次数为场景,前台定时执行javascript获取最新的下载次数,并滚动更新页面上的下载次数。查看演示DEMOHTML我转载 2013-11-27 14:24:49 · 3359 阅读 · 0 评论 -
菜单固定 页面滚动 效果
在一个单页面设置一个主菜单,当页面滚动时主菜单位置固定在页面窗口中不动,或左或右,或上或下。当单击菜单项时,页面滚动到菜单对应的内容区,当页面滚动到预定内容位置时,对应的菜单项变为当前选中样式。此效果可以应用在一些内容比较长的单页设计,本文将介绍使用JjQuery和css来实现这一效果,demo中分别有菜单居左、居右及底部效果,点击demo看效果:查看演示DEMO下载源码转载 2013-11-27 14:31:10 · 1922 阅读 · 0 评论 -
PHP+Mysql+jQuery统计当前在线用户数
我们要统计在一段时间内访问站点的人数,有多种解决方案,你可以使用cookie,session结合文本或者数据库来记录用户访问数。本文将使用PHP,结合Mysql以及jQuery,展示一个统计在线人数以及访客地区分布的示例。通常,当访客访问网站时,页面记录用户的cookie信息,当cookie过期即认为用户不在线。本文中我们使用PHP记录访客IP,并在客户端记录cookie及过期时间,同时通转载 2013-11-27 14:39:55 · 557 阅读 · 0 评论 -
使用jQuery和CSS将背景图片拉伸
现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。查看演示DEMO将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺转载 2013-11-27 14:42:25 · 1073 阅读 · 0 评论 -
jQuery实现返回顶部按钮效果
当用户浏览很长的页面时,可以通过点击页面右下角的“返回顶部”按钮直达页面顶部,以方便用户进行下一步操作。本文将使用jQuery结合CSS实现可以自由定制的各种“返回顶部”的效果。查看演示DEMO下载源码实现过程当页面滚动时(监听scroll事件),浏览器滚动条处于最顶部时,隐藏“返回顶部”按钮,当滚动条继续向下滚动时,动态计算出当前可视窗口的高度-按钮高度-按钮距浏览器转载 2013-11-27 14:44:19 · 843 阅读 · 0 评论 -
jQuery图文信息滚动效果
WEB页面需要展示网站最新信息,如微博动态、余票信息、路况监控等项目中常见的实时数据滚动效果,我们可以用jQuery来实现前端信息滚动效果。本文我们将结合实例为大家讲解如何使用jQuery来实现图文信息滚动效果。查看演示DEMO下载源码HTML我们以新浪微博信息滚动为背景,html中包含了多条微博图文信息,结构如下: id="con"> >转载 2013-11-27 13:24:24 · 849 阅读 · 0 评论 -
PHP+Mysql+jQuery实现文件下载次数统计
项目中我们需要统计文件的下载次数,用户每下载一次文件,相应的下载次数加1,类似的应用在很多下载站中用到。本文结合实例使用PHP+Mysql+jQuery,实现了点击文件,下载文件,次数累加的过程,整个过程非常流畅。查看演示DEMO下载源码准备工作本实例需要读者具备PHP、Mysql、jQuery以及html、css等相关的基本知识,在开发示例前,需要准备Mysql数据表转载 2013-11-27 14:28:47 · 910 阅读 · 0 评论 -
jQuery实现等比例缩放大图片
在布局页面时,有时会遇到大图片将页面容器“撑破”的情况,尤其是加载外链图片(通常是通过采集的外站的图片)。那么本文将为您讲述使用jQuery如何按比例缩放大图片,让大图片自适应页面布局。查看演示DEMO下载源码通常我们处理缩略图是使用后台代码(PHP、.net、Java等)根据大图片生成一定尺寸的缩略图,来供前台页面调用,当然也有使用前台javascript脚本将加载后的大图强行缩转载 2013-11-27 14:37:25 · 598 阅读 · 0 评论 -
基于jQuery+JSON的省市联动效果
省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果。查看演示DEMO下载源码HTML首先在head中载入jquery库和cityselect插件。 type="text/javascript转载 2013-11-27 14:52:24 · 634 阅读 · 0 评论 -
Jquery_FullCalendar日历插件
FullCalendar是一款基于jQuery的日历插件,适用于各种日程安排、工作计划等场景,您可以很方便的查看查看待办事项,标记重要事项以及绑定点击和拖动事件,能快速的整合到您的项目中,本文将简单介绍FullCalendar的使用。查看演示DEMO下载源码HTML首先第一步就是在需要调用FullCalendar日历的页面中载入必要的javascript和css文件转载 2013-11-27 13:44:24 · 4749 阅读 · 0 评论 -
使用jquery.qrcode生成二维码
二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码“扫一扫”即可获得所对应的信息,方便我们了解商家、购物、观影等等。本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码。qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,您可以到https://github.com/jer转载 2013-11-27 13:20:03 · 722 阅读 · 0 评论 -
10大优秀的移动Web开发框架
Sencha Touch Framework Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序。jQuery Mobile jQuery Mobile 框架把“w转载 2013-09-03 11:58:25 · 941 阅读 · 0 评论 -
JQuery上传插件Uploadify使用详解
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。2转载 2012-02-16 17:27:08 · 735 阅读 · 0 评论 -
JQuery弹出框总结
模态对话框窗口是一个伟大的方式来显示用户快速的信息,但也提醒他们的错误,警告,提示信息和更多。当您将进入混合jQuery的,你知道你要结束与一个漂亮的对话,真正使应用程序或网站来活着。下面是一个15岁以上的jQuery弹出模态对话框插件和教程列表。有一对底部的情侣,你要注意。原来是在一个在意大利,但我已经包含了英文翻译。其他更多的是后端,但我已经包括了一个zip文件下载文件的链接。让娱乐开翻译 2012-04-09 17:49:48 · 2817 阅读 · 0 评论 -
25个有用的jQuery日历和日期选取插件
jQuery被认为是最好的JavaScript库,因为它简单易用、灵活,并有大量的插件。本文介绍25个非常不错的jQuery日历和日期选取插件,希望对各位有用。您也可以在OSCHINA的开源软件库查找更多的jQuery插件。1. Simple JQuery Date Picker2. Jquery Week Calendar3. FullCa转载 2012-04-11 15:39:01 · 741 阅读 · 0 评论 -
文件上传控件集锦
FancyUpload FancyUpload是一个采用Flash与Ajax(MooTools)技术实现包含上传进度条的多文件上传组件,类似于SWFUpload。FancyUpload Mootools jqUploader 结合Javascript与Flash开发,拥有上传进度条的文件上传控件。jqUploader转载 2012-06-09 11:15:34 · 2055 阅读 · 0 评论 -
jquery 时间段
首先,看下效果图:json字符串:var mcode={"minfo":[{"time":"9:00-10:00","status":2},{"time":"10:00-11:00","status":1},{"time":"11:00-12:00","status":3},{"time":"13:00-14:00","status":1},{"time":"14:00-15:00",翻译 2012-08-02 10:52:49 · 408 阅读 · 0 评论 -
14个JQuery 开发的模拟时钟
1. CoolClock in jQueryCoolClock 是一个可定制的 jQuery 模拟时钟,使用 SVG 绘制,提供多种外观选择,同时支持数字时钟。Read More Demo2.Analog JQuery clock在该教程中,通过使用 jQuery 和一个名为 jQueryRotata 插件绘制一个模拟时钟。Read转载 2012-07-19 17:19:42 · 830 阅读 · 0 评论 -
开发人员经常会使用的15个jquery谷歌地图插件
谷歌地图是非常有用的,可以直观的展现你所在的地方,自从谷歌推出以来他被广泛应用。正如你可能知道,我们可以结合jQuery的谷歌地图插件的,在自己网站应用谷歌地图。在给客户实际做网站的时候,经常遇到谷歌地图的变换,这个时候我经常会用jquery功能来实现相应的效果,今天就奉献给大家我收藏的jquery谷歌地图插件Google maps v3 plugin for jQuery UI an转载 2012-08-02 10:29:47 · 1379 阅读 · 0 评论 -
Jquery图表控件Highcharts使用
Highcharts 是一个使用javascript脚本来生成图表的工具,和jfreechart 作用类似,都用来生成各种图表,并支持图片的导出和打印。从官网 www.highcharts.com 上下载的压缩表中的example中有各种图表的例子。要编写生成图表的例子建议从文件名后带 basic的文件看起,看到例子后你会发现,highcharts使用起来时非常简单的,我们要做翻译 2012-12-14 09:44:08 · 1336 阅读 · 0 评论 -
Web右键菜单jquery插件smartMenu
一、这是什么样的一个插件浏览器默认的右键选项有时候并不是我们所需要的,我们希望浏览器的右键选项菜单更智能,可以灵活自定义。比较有代表性的就是web QQ,例如下面截图:QQ邮箱中也是有此功能。显然这种东西貌似还是蛮强大与实用的,于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 – smartMenu,直接一行代码绑定,就可以让我们轻松实现页面元素的自定义上下文功能。至于转载 2012-12-17 15:18:56 · 3240 阅读 · 0 评论 -
jquery表单验证插件的使用
jquery.Validation是一款优秀的jquery插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。在以前做过的几个项目中,我都用到了Validation,现在结合实际情况,我把项目中经常要用到的验证整理成一个实例DEMO,本文就是通过讲解这个实例来理解Validation的应用。 本实例涉及到的验证有:用户名:长度、字符验证转载 2013-04-27 10:08:49 · 637 阅读 · 0 评论 -
Mapkey插件——网页键盘快捷键
Mapkey是一款基于jQuery的能响应键盘所有按键操作插件,使用起来非常简单,而且可以支持触发按键对应的自定义函数。使用方法: $("a#left").mapKey("left"); 按住方向键←即相当于鼠标点击一个ID为left的a标签链接。 $("a#left").mapKey("a"); 按住键盘的a键,即相当于鼠标点击一个ID为left的a标签链转载 2013-04-27 09:57:04 · 743 阅读 · 0 评论 -
DIV滚动条样式
Jquery滚动条http://www.17sucai.com/pins/426.htmlhttp://www.17sucai.com/pins/23.htmlhttp://www.17sucai.com/pins/279.html这是一个DIV层,加入了一个滚动条功能,当超出范围的时候便会自动出现,你可以拖动滚动条看看效果哦例1:代码列表从左边到右边翻译 2013-08-29 09:59:47 · 773 阅读 · 0 评论 -
Juqery 雪花飘落插件
$.extend({ // 雪花飘落组件 snowflake: function(options) { var flakeHtmlStr = '', config = { length: 26, // 数量 interval: 1000, // 雪花之间出现的翻译 2013-12-19 13:12:21 · 725 阅读 · 0 评论