我们使用热门的jquery进行设计,同时我们选择效果比较优秀的boxy弹出插件进行扩展(关于boxy的相关资料,请参照张鑫旭博客http://www.zhangxinxu.com/wordpress/?p=318)。下面介绍boxy作为选择器框架的应用。 对于选择器,相信用过招聘网站的人都不会陌生(就是那个点击就弹出的,选择行业、职位和地区的东西),选择器难点就在于样式调试,主要针对的是IE6。这里介绍行业、职位和地区选择器,下载的Demo包含这三个选择器。 行...
一、JQUBAR(V1.0)JQUERY插件简介 1.支持.net、java、php等平台。 2.用户可以通过鼠标拖拽柱状图从而改变每根柱子的高度,最终达到通过鼠标拖拽图形界面来修改服务器数据的目的。 3.支持柱状图缩放。 4.目前支持浏览器:IE7、 IE8、 Firefox、Chrome。 二、HTML 代码如下: 缩放 拖拽 姓名模糊查询: 截图如下: 三、javascript及CSS 文件引入 代码如下: <script src="" type="text/javascript"charset="utf-8"></ scrip...
1.1版本修复了部分bug,同时新增以下功能: 1.可自定义坐标颜色 2.可自定义X,Y轴坐标名称 3.Y轴动态坐标自动建立 4.Y轴动态坐标值自动计算 5.插件样式升级 JQUBAR1.1使用方法: 1.引入Javascript文件及CSS文件: (在html加入以下代码,以ASP.NET MVC 2.0 为例) 代码如下: <script src="" type="text/javascript" charset="utf-8"></ script> <script src="" type="text/javascript"></ script> <script src="" type="text/javas...
现在的jQuery插件很多,尽可以根据您 的项目要求来选择,不过也有一些插件很好用,几乎各种项目都能够用得上。这里就为您介绍12款开发中最常用的jQuery插件。 1. jQuery BBCode Editor下载地址:http://www.w3theme.com/jquery-bbedit/Bbcode简单易用,它是BBS、论坛、Blog等网络应用上的一种常用输入语法。jQuery BbCode Editor提供自定义设置,可以打造出很个性化的bbcode编辑器,它的源代码都可以根据需求灵活修改。2. Exposure...
今天又回顾了一下这个插件,然后发现它在IE6下面工作的时候,显示起来是不正常的,tip经常出现在很离谱的位置。问题还有,由于tip的显示效果没有用到任何图像,都是纯的CSS,所以里面用CSS实现的三角形在IE6下是无法工作的,会显示一块有色区域,很丑,所以我就想动手改它一下。先上一张对比图好了: js方面的代码肯定是没问题的,问题出CSS上,Colortip用的是position进行定位,在IE6下面可能存在着一点问题。而且由于IE6不支持b...
在2010年,JavaScript框架继续日渐普及,这使得大量的插件被开发出来。满目琳琅,难以选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。 2010年最佳jQuery插件(排名不分先后): Nivo Slider一个加载设置拥有9种过度效果的超级smooth slider,它还支持如链接图像和键盘导航等内容。 Quicksand通过一个非常不错的洗牌动画实现选项内容重新排序,只...
关于jQuery的历史 jQuery history plugin helps you to support back/forward buttons and bookmarks in your javascript applications.历史的jQuery插件可以帮助您回到您的JavaScript支持应用程序/前进按钮和书签。 You can store the application state into URL hash and restore the state from it.你可以存储到应用程序状态的网址散列和恢复它的状态。 Download jquery.history.js 下载jquery.history.js jQuery history plug...
问: 1.大家在做省市区下拉框联动,或者是产品分类联动,或者是部门联动等下拉框时怎么做? 是用ajaxpro.dll 还是jquery ajax呢?? 答: 是,留下继续阅读. 否,跟帖回复你的方法 结论:每次重复劳动 重复创造联动的下拉框, 累,想死!! 读完本文 您也许可以找到更好的方法来实现 无限级(理论) 的联动下拉框,也许只要10秒钟就够了. 就这样,一个自动产生联动下拉框的插件诞生了... 本插件依赖于jquery1.4.2 最低版本自行测试. 废话完毕. 代码: ...
一、写插件的缘由 为什么想写此插件,想来想去,归结为一个字:“懒”。不想为明明两个类似的功能分别写代码,本应喝茶看美女的休闲时光晃荡在本可避免的代码上,对于我来讲,就是白白耗费自己的青春。于是,干脆,一鼓作气,把这些类似的功能集合到一起,一个插件搞定,一了百了了。这种感觉就好比《大话西游》里悟空一巴掌拍死唐僧这只苍蝇一样。那,这里提及的类似的功能是指?当当当当,就是与某元素有位置关系的浮动层(例如t...
效果图:编写JQUERY插件如下: 代码如下: ;(function($) { $.fn.extend({ "alterBgColor":function(options){ //设置默认值 option=$.extend({ odd:"odd", even:"even", selected:"selected" },options); //注意这个options 同上面的function(options)中的option是同一个对象 //隔行变色 $("tbody>tr:enev",this).addClass(option.even); $("tbody>tr:odd",this).addClass(option.odd); //单击行变色 $(tbody>tr,this).click(funct...
1.引入JS库,jquery.js脚本和插件脚本jcarousellite.js。 代码如下: 2.需要被展现的HTML结构 div>ul>li>img ,结构比较清晰 代码如下: 3.执行启动脚本 代码如下: $(function() { $(".default .jCarouselLite").jCarouselLite({ btnNext: ".default .next", btnPrev: ".default .prev" }); }); 官方网站演示:http://demo.jb51.net/js/jcarousellite2/index.htm打包演示下载:http://www.gxlcms.com/jiaoben/33787.h...
1. Flip HTML content in 3D用jquery实现的3D翻转效果,支持html内容的翻转。2. Agile Carousel3D效果的jQuery跑马灯特效。3. RotationjQuery旋转3D特效。4. Tag Cloud使用jQuery创建的3D标签云。5. Sphere一个jQuery实现的3D星球。6. Flip!7. Faux 3D Effect
1.$.messager.lays(width, height); 该方法主要用来定义弹出窗口的宽度和高度。 2.$.messager.anim(type,speed); 该方法主要定义窗口以什么样的方式和速度呈现。 $.messager.anim("fade",1000); //以fadeIn的动画方式显示 $.messager.anim("show",1000); //以show的动画方式显示 3.$.messager.show(title,text,time); 该方法主要定义窗口显示的内容,以及窗口显示多长时间后进行隐藏。 如果使用默认的标题,则将title设置为0,另外...
代码如下: document.writeln("", "i", "名称", "文件名", "描述", "类型数") for (i=0; i < navigator.plugins.length; i++) { document.writeln("",i, "",navigator.plugins[i].name, "",navigator.plugins[i].filename, "",navigator.plugins[i].description, "",navigator.plugins[i].length, "") } document.writeln("");
只好自己来写个文章,已便日后记忆! 先贴出插件代码,里面注释 代码如下: (function ($) { //扩展 $.fn.extend({ //插件名称 height: function (options) { //默认参数 var defaults = { color: 红色 }; //覆盖默认参数 var opts = $.extend(defaults, options); //主函数 return this.each(function () { //激活事件 var obj = $(this); obj.click(function () { alert(opts.color); }); }); } }) })(jQuery); //注后面的(jQuer...