Jquery

jquery防止事件冒泡和取消默认行为案例

----------------js取消事件冒泡:window.event.cancelBubble=true;--------------jquery事件参数可以防止事件冒泡;$("#id").click(function(e){alert("郭");e.stopPropagation();//防止冒泡});-----------------除了returnfalse之外;这样在id之外的标签事件就不会触发;$("#id").click(function

系统 2019-08-12 01:33:05 2491

Jquery

用jQuery插件jVectorMap制作中国省份区域图

jVectorMap是一个优秀的、兼容性强的jQuery地图插件。它可以工作在包括IE6在内的各款浏览器中,矢量图输出,除官方提供各国地图数据外,用户可以使用数据转换程序定制地图数据。这里基于jVectorMap插件制作中国地图,其中近期有活动进行的省份区域变色显示,点击有活动的省份区域,便打开对应活动列表页面。首先引入必需的文件,包括样式表、jQuery框架、jVectorMap库,中国地图数据库:

系统 2019-08-29 22:36:05 2490

Jquery

jquery插件thickbox

thickbox是jQuery的一个插件,其作用是弹出对话框、网页框,使用户体验度更加愉悦,下面就来简单介绍它的几种用法。声明一下:这只是个人的总结记载而已。准备工作:你需要三个文件:thickbox.js、thickbox.css、jquery.js,网上到处可下具体使用:第一步:将这三个文件引入到你要使用thickbox的页面

系统 2019-08-29 22:34:15 2490

Jquery

jQuery倒计时(仿团购)

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery实现一个简单的倒计时功能。查看演示下载源码本文以团购网站的倒计时为背景,我们知道,网站会给每个优惠活动(商品)定一个结束时间,也就是到期时间,但系统时间到达了结束时间,就意味着活动结束。因此,我们在HTML中就要定义活动的结束时间。HTML
  • 系统 2019-08-29 23:32:28 2489

  • Jquery

    JQuery TreeTable

    15个JQueryTable相关的插件:http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/TreeTable支持节点间的托拽:http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/index.html#example-115个PhotoGalleryhttp://www.webdesi

    系统 2019-08-29 22:48:41 2489

    Jquery

    另外一款超棒的响应式布局jQuery插件 – Freeti

    在线演示我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件–Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!主要特性Freetie来自于Assemblage和AssemblagePlus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方:允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你

    系统 2019-08-29 23:03:44 2487

    Jquery

    Wijmo 更优美的jQuery UI部件集:自定义 C1WijM

    C1Wijmo全部的控件是完全可定制的,并且可以根据你自己的需求定制他们的界面外观。我准备使用C1Menu演示这一点。让我们从向控件应用自定义主题开始。改变主题1)创建一个网站,然后拖放一个C1Menu到web页面上。2)单击智能标记,并打开任务菜单。3)在主题属性中输入CDN的URL以指定主题。例如,在我们的这个例子中,我们应用ui-darkness主题http://jquery-ui.googlecode.com/svn/tags/1.8.14/the

    系统 2019-08-12 09:29:30 2487

    Jquery

    Struts2下使用jsonplugin及jquery完成ajax功能

    下载jsonplugin,jQuery从网址http://code.google.com/p/jsonplugin/downloads/list下载JSON插件的JAR包。从网址http://docs.jquery.com/Downloading_jQuery下载jquery所需文件。(建议下载稳定版本,不然会出现莫名其妙的错误)1.建立工程。添加JAR包到WEB-INF/lib下。Struts2:struts2-core-[version].jarxwo

    系统 2019-08-29 23:13:31 2486

    Jquery

    使用 jQuery Mobile 与 HTML5 开发 Web App (四

    一.表单组件基础1.组件简介jQueryMobile中的表单组件是基于标准HTML,然后在此基础上增强样式,因此即使浏览器不支持jQueryMobile表单仍可正常使用。需要注意的是,jQueryMobile会把表单元素增强为触摸设备很容易使用的形式,因此对于iphone/ipad与Android使用Web表单将会变得非常方便。jQueryMobile的表单组件有以下几种:文本输入框,type="text"标记的input元素会自动增强为jQueryMob

    系统 2019-08-29 22:54:37 2485

    Jquery

    jquery专题

    一、摘要本章讲解jQuery最重要的选择器部分的知识。有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象,可以明显减轻开发人员的工作量。二、前言编写任何javascript程序我们要首先获得对象,jQuery选择器能彻底改变我们平时获取对象的方式,可以获取几乎任何语意的对象,比如“拥有title属性并且值中包含test的《a》元素”,完成这些工作只需要编写一个jQuery选择器字符串。学习jQuery选择器是学习jQuery最重要的一步。三

    系统 2019-08-29 22:49:55 2482

    Jquery

    分享14个jQuery插件开发人员易犯的错误

    随着越来越多的开发人员开始开发jQuery插件,所以我们随时都有可能遇到很烂的插件开发“成果”。没有在线演示,没有文档,或者插件没有遵循最佳编码实践。但是对于阅读这篇文章的朋友来说,你很幸运,因为这里我们将介绍14个jQuery插件开发中最容易犯的错误。希望大家会觉得有帮助!随着jQuery的广泛使用,每天都出现很多新的插件,但是问题在于很多插件真不怎么样。以前我们介绍过10个帮助你创建超棒jQuery插件的小技巧,在今天这篇文章中,我们将专注于jQuer

    系统 2019-08-12 09:29:51 2481

    Jquery

    jQuery綁定

    jQuery綁定事件由于实现过程牵扯解绑定和绑定众多事件。debug带来诸多不便。查看当前绑定的事件$(element).data('events')会返回一事件对象,改对象包含绑定的诸多事件属性。jQuery綁定

    系统 2019-08-12 01:33:13 2481

    Jquery

    制作符合WEB标准的QQ弹出消息(jQuery)

    这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画,感觉这个自定义动画就是像flash里的形状和渐变动画一样,只要定义了开头和结尾的两个关键帧,中间的动画过程会自动完成,不用会jQuery的可去查下jQuery的帮助文档.基本思路是这样子滴:首先弹出消息框其实就是一个div层,页面加载完了以后我们应该通过CSS把div层定位到页面右下角的下方,并且把他隐藏起来,然后当我们点击页面中的按钮的时候就触发动画函数,di

    系统 2019-08-29 23:40:54 2480

    Jquery

    JQuery datepicker 用法

    JQuerydatepicker用法jQueryUI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。官方地址:http://docs.jquery.com/UI/Datepicker,官方示例:http://jqueryui.com/demos/datepicker/。一个不错的地址,用来DIYjQueryUI界面效果的站点http://jque

    系统 2019-08-29 22:12:17 2477

    Jquery

    使用 jQuery Mobile 与 HTML5 开发 Web App (一

    最近专注研究jQueryMobile——一款很方便就可以把WebApp包装成适合Android与iPhone等触屏移动设备的Javascript库,结合jQueryMobile与HTML5,可以很方便的开发出一款具有良好界面及用户体验的WebApp,在这个过程中我收获良多,因此决定针对使用jQueryMobile与HTML5开发WebApp写一个系列的文章。在开始之前,我首先简述WebApp与原生App各自的优缺点。一.WebApp与原生App的优缺点1.

    系统 2019-08-29 23:21:36 2476