jVectorMap是一个优秀的、兼容性强的jQuery地图插件。它可以工作在包括IE6在内的各款浏览器中,矢量图输出,除官方提供各国地图数据外,用户可以使用数据转换程序定制地图数据。这里基于jVectorMap插件制作中国地图,其中近期有活动进行的省份区域变色显示,点击有活动的省份区域,便打开对应活动列表页面。首先引入必需的文件,包括样式表、jQuery框架、jVectorMap库,中国地图数据库:
系统 2019-08-29 22:36:05 2608
1.在页面加载后执行任务1.1代码执行的时机选择$('document').ready()指页面的DOM加载完成后执行、并不意味着关联的文件都下载完毕window.onload指页面上所有元素都加载完成后执行1.2基于一个页面执行多个脚本$('document').ready()可以向内部的行为队列中添加函数、并按照添加的次序执行1.3缩短代码的简写方式:$()函数1)当不传递参数给它时、默认传递了document参数示例:$(document).read
系统 2019-08-29 22:33:04 2608
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 2608
在线演示本地下载如果你也在寻找一款生成漂亮旋钮(knob)的jQuery插件的话,那么今天我们介绍的jQueryknob肯定是一个不错的选择。它使用canvas帮助我们生成超酷的旋钮特效,你可以使用插件选项或者HTML5的data属性来自定义设置插件属性,方便简捷并且优雅,我相信大家肯定会喜欢这个超酷的jQuery插件,如果你有任何问题活着建议请给我们留言!主要特性支持只读模式两个供选择的callback方法:change和release支持自定义选项并且
系统 2019-08-12 09:29:51 2606
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 2605
通常在web应用或者网站中,我们使用鼠标来控制元素或者执行导航,相对于桌面应用来说,使用web应用的快捷键次数可能会相对比较少,但是对于熟练的专业人员来说,使用键盘可能更加容易并且更加快速,在今天这篇文章中,我们收集了10个jQuery的插件,帮助你创建各种基于键盘事件的web应用,相信大家会喜欢的!1.MousetrapMousetrap是一个超简单的处理键盘快捷键的类库,压缩有只有1.6kb大小,并且不依赖任何的外部类库。你使用的主要就是绑定方法。它会
系统 2019-08-29 22:36:06 2605
thickbox是jQuery的一个插件,其作用是弹出对话框、网页框,使用户体验度更加愉悦,下面就来简单介绍它的几种用法。声明一下:这只是个人的总结记载而已。准备工作:你需要三个文件:thickbox.js、thickbox.css、jquery.js,网上到处可下具体使用:第一步:将这三个文件引入到你要使用thickbox的页面
系统 2019-08-29 22:34:15 2605
实例:jTumblerDemo
系统 2019-08-29 22:58:21 2601
jQuery綁定事件由于实现过程牵扯解绑定和绑定众多事件。debug带来诸多不便。查看当前绑定的事件$(element).data('events')会返回一事件对象,改对象包含绑定的诸多事件属性。jQuery綁定
系统 2019-08-12 01:33:13 2601
效果图演示地址用法程序代码$(document).ready(function(){$('div').setScroll({img:'Scroll_bk.gif',width:10},//background-imageandwidth{img:'Scroll_arrow_up.gif',height:5},//up{im
系统 2019-08-29 22:40:32 2600
下面给出查看帮助文档的例子Results:
开发缘由自从新浪微博开放平台推出以来,各种微博应用层出不穷,作为新浪微博的忠实用户之一,我也曾开发过几个微博应用,对于微博发布应用来说,有一个功能是必不可少的,那就是表情。表情功能的实现虽说不难,但却比较繁琐,首先要了解新浪微博开放平台的表情API,然后通过某种方式调用,如果通过网页后台代码直接读取储存到JavaScript变量中,又会拖慢网页加载速度,如果采用AJAX读取,又要解决跨域问题,即便成功读取到表情数据了,又必须考虑表情分类,翻页等等等等问题,
系统 2019-08-29 22:21:34 2599
记录一下工作中点滴,将jquery-uiautocomplete+springmvc+mybatis+oracle实现输入提示的demo与大家共享一下.具备功能:1)支持中文,英文,数字输入提示2)支持按中文首字母提示js/***输入提示*@param$searchInput查询条件input*@paramurl查询匹配内容的serverurl*/functiononAutocomplete($searchInput,url){$searchInput.a
系统 2019-08-12 09:30:24 2599
如Kayo之前所写的文章《使用jQueryMobile与HTML5开发WebApp——jQueryMobile内容格式》中所述,这次介绍的是jQueryMobile列表组件。jQueryMobile列表虽然也是对页面内容进行丰富,但jQueryMobile列表会给标准的HTML赋予一套样式以及丰富的交互处理,因此它是一套完整的组件,并且jQueryMobile对其进行优化,使到jQueryMobile列表成为易于触摸的控件。下面对列表组件进行详细的介绍。一
系统 2019-08-29 22:35:48 2598
最近的项目中涉及到了用户个性化定制首页的需求,用户要求可以随意拖动首页模块的位置,来实现个性化的布局。本文讲解如何使用jquery实现拖动布局并将拖动后的布局位置保存到数据库。很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置,也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后,再次访问页面时,发现布局又还原成最初的状态。这种cookie记录的方式使用简单
系统 2019-08-29 22:11:12 2598