HTML5 Canvas饼状图表 HTML5&jQuery图表应用

以前我们利用jQuery制作过一些图表应用,使用起来都非常方便。今天再来看一款基于HTML5 Canvas的饼状图图表应用,鼠标点击饼状图的某块区域时,即可高亮突出显示该区域。由于该饼状图是基于HTML5开发的,所以需要支持HTML5的浏览器才能够使用。...

jQuery特色菜单 圆形动画菜单插件

jQuery是一个非常流行的WEB前端框架,尽管HTML5非常酷,但是如果HTML5结合jQuery的话就能实现更酷更实用的插件。今天分享的这款jQuery特色菜单是圆形动画菜单,菜单项是一个个园,鼠标滑过菜单项时即可展开一个大圆并展示子菜单,这一切都是利用jQuery实现的,非常强大。...
jquery插件开发 jquery 插件

CSS3/jQuery创意盒子动画菜单

这款jQuery/CSS3菜单却是别具一格,菜单项嵌入到九宫格中,像小盒子一样,加上温馨的背景,菜单整体外观十分可爱。点击菜单项,盒子就会展开,展示该菜单项具体的内容。该CSS3菜单在展开时也有不错的动画效果。...
CSS3/jQuery 动画菜单

jQuery可拖拽删除小图标回收站

利用jQuery实现拖拽非常简单,我们直接可以利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素。今天我们就利用jQuery的这一特性来实现一个拖拽删除桌面小图标的功能,就像操作系统的回收站一样,我们只需要拖动应用图标至垃圾箱即可删除这个图标,具体可以看下面的DEMO演示。...
jquery 拖拽 jquery拖拽插件

jQuery事件绑定和委托

jQuery事件的绑定和委托可以用多种方法实现,on() 、 bind() 、 live() 、 delegate() ,还有one()。有时我们可能会像下面这样绑定一个事件:$(“#div1″).click(function(){ alert(“点击后触发”); });上面的事件绑定,我们可以通过多种方式去实现:1. on()//无数据参数 $(“p”).on(“click”,functi...
jQuery 事件绑定 委托

关于jquery select取值,赋值操作

记性不好的可以收藏下: 1,下拉框:varcc1=$(.formcselect[@name=country]option[@selected]).text();//得到下拉菜单的选中项的文本(注意中间有空格) varcc2=$(.formcselect[@name=country]).val();//得到下拉菜单的选中项的值 varcc3=$(.formcselect[@name=co...
jquery取值

jQuery可放大预览的图片滑块插件

这是一款基于jQuery的图片滑块焦点图插件,这款jQuery焦点图插件的特点是可以横向左右滑动图片,并且点击图片可以进行放大预览,唯一的缺陷是这款焦点图并不能循环切换,如果你有较好的JavaScript功底,可以自己修改代码来实现这一功能。...

浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式

因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到园友,文中如有不当之处,还望各位指正,话不多说,直接进入正题。bind()简要描述bind() 向匹配元素添加一个或多个事件处理器。使用方式$(selector).bind(event,data,fu...
Jquery 绑定事件

jQuery带对比功能的焦点图插件

我们在这里已经分享过很多炫酷的jQuery焦点图插件,大部分焦点图插件都比较实用。今天要分享的这款有几个特点:第一是焦点图带有缩略图预览功能,第二是焦点图中的图片带有和原图进行对比的功能,并且这款jQuery焦点图还支持定时图片切换,非常实用。...
jQuery插件 焦点图插件

jQuery右侧Tab选项卡的焦点图插件

这是一款基于jQuery的焦点图插件,和之前介绍的jQuery焦点图插件类似,它以淡入淡出的动画方式来切换图片,该焦点图插件的特点是右侧有一排Tab选项卡,点击相应选项卡后即可切换对应的图片,应该说这款jQuery焦点图插件还是非常实用的。...
焦点图 jQuery Tab选项卡