代码改变世界

随笔分类 -  js插件库

DIY博客园的博客皮肤

2014-10-07 21:36 by coderidea, 1407 阅读, 收藏, 编辑
摘要: 十一在家闲来无事,就把博客园的博客美化了下。 博客园属于我见过的博客托管平台里自由度最高的了,可以完全的的重写CSS,来达到重新布局的作用,JS的定制性也蛮好的,可以实现自己想要达到的效果。 那么怎么做呢? 1 选择custom皮肤(注:此模板是博客园的标准模板,本来打算下载下来改,下载后发现跟现在 阅读全文

查看html元素绑定的事件与方法的利器

2013-11-28 12:13 by coderidea, 28251 阅读, 收藏, 编辑
摘要: WEB标准提倡结构、表现和行为相 分离,现在越来越多采用这种表现和行为的方式,但它也为我们开发调试带来一些问题,网页载入一堆JavaScript,,我们很难搞清楚最后在哪些元素的哪个动作绑定了事件,尤其是JavaScript加载事件的方式五花八门,可以透过jQuery、element.click = function() { }、element.addEventListener()…,很难由单一处找出所有事件。而理不清事件来龙去脉,要追踪某个点击动作背后的行为就变得有些困难,直到我们遇到以下两种利器。 阅读全文

26佳新的jQuery和CSS3的教程

2012-08-07 09:03 by coderidea, 3687 阅读, 收藏, 编辑
摘要: 一些Web开发人员创建一些真棒的jQuery和CSS3的教程。今天,我们要列出从2012年的一些最好的。欣赏吧!Orman Clark’s Vertical Navigation Menu: The CSS3 VersionPAGE TRANSITIONS WITH CSS3CURVING TEXT WITH CSS3 AND JQUERYControl imageaspect ratios with CSS3SLIDING IMAGE PANELS WITH CSS3ANIMATED WEB BANNERS WITH CSS3THUMBNAIL PROXIMITY EFFECT WITH . 阅读全文

jQuery图片剪裁插件 Jcrop

2012-06-29 10:13 by coderidea, 10823 阅读, 收藏, 编辑
摘要: Jcrop是一个jQuery插件,它能为你的WEB应用程序快速简单地提供图片裁剪的功能。 特点: 对所有图片均unobtrusively(无侵入的,保持DOM简洁) 支持宽高比例锁定 支持 minSize / maxSize设置 支持改变选区或移 动选区时的回调(Callback) 支持用键盘微调选 阅读全文

10佳 360度的图像旋转的jQuery插件

2012-05-28 07:19 by coderidea, 3652 阅读, 收藏, 编辑
摘要: 在今天的文章中,我们已经聚集了jQuery插件,允许你创建一个360度旋转图片.这些插件,主要用于在网上购物网站显示各个角度详细的外观.这个技术的产品是一点点付出努力,但结果是惊人的。360 Panorama for jQueryDemo&Source360/3D Spin & Zoom JavaScript PlayerDemo&SourceReel 1.1.4Demo&SourceMultiple 360 Images On One PageDemo&Source360 Degrees Product ViewDemo&SourceSprit 阅读全文

Jeditable - jQuery就地编辑插件在ASP.NET MVC 中的使用

2012-05-03 14:36 by coderidea, 2792 阅读, 收藏, 编辑
摘要: 前篇文章Jeditable - jQuery就地编辑插件使用介绍了jeditable 的使用,官方例子是PHP的。我们现在实现在ASP.NET MVC 中的使用介绍。本例是ASP.NET MVC3.效果点击前点击一文本后View 我们实现jeditable的一些基本用法@model JQueryEditableMVC.Models.Company@{ Layout = null;}<!DOCTYPE html><html><head> <title>Details</title> <script src="/Scrip 阅读全文

免费和高级定制后台管理模板

2012-05-02 07:06 by coderidea, 12849 阅读, 收藏, 编辑
摘要: 后台管理在界面设计中占有重要的一席。 管理面板的设计是非常重要,必须是干净的,简单的。 例如,如果你是一个购物网站或游戏网站,你绝对需要一个高度可定制的管理模板的管理员。 在今天的文章中,我们收集具有精心设计的商业与免费的管理模板。 免费模板 HTML5 Admin Template – Free 阅读全文

免费的后台管理Web应用程序模板

2012-05-01 19:17 by coderidea, 5308 阅读, 收藏, 编辑
摘要: 相比标准的网站模板,免费后台管理模板是不容易找到。这是一个管理模板,您可以使用Web应用程序,如:电子商务项目内容管理系统更多..作 者:孟晨 出 处:http://www.cnblogs.com/xiaoyao2011/ 个人站: http://www.coderidea.com/欢迎任何形式的转载,但请务必注明出处。 阅读全文

Jeditable - jQuery就地编辑插件使用

2012-04-28 10:29 by coderidea, 14231 阅读, 收藏, 编辑
摘要: jeditable是一个jquery插件,它的优点是可以就地编辑,并且提交到服务器处理,是一个不可多得的就地编辑插件。(注: 就地编辑,也有称即时编辑?一般的流程是这样的,当用户点击网页上的文字时,该文字就会出现在一个编辑框中,用户对文字进行修改完成后点击提交按钮,新的文本将发送到服务器上,然后表单 阅读全文

14 增强内容表现的jQuery插件

2012-04-23 13:17 by coderidea, 2485 阅读, 收藏, 编辑
摘要: 你是否需要在有限的空间内显示更多的内容,或者你只是想使您的网站的某个部分,更吸引人,jQuery是一个优秀的解决方案。使用jQuery,您可以轻松地创建手风琴式的内容框,图像画廊,内容滑块。下面是把这类的功能加入到您的网站14个优秀的jQuery插件。AccordionCoda-SliderEasy SliderThickBoxAnythingSlider jQuery PluginSliding Boxes and Captions with jQueryGALLERIAjCarouseljQuery.ScrollToEasiest Tooltip and Image Previewto.. 阅读全文

32 +日新月异的下拉菜单设计的灵感

2012-03-31 13:15 by coderidea, 2994 阅读, 收藏, 编辑
摘要: 设计一个网站时,当涉及到下拉菜单,一些设计师往往会失去创造力。这里有一个令人印象深刻的下拉菜单的集合,创意设计风格。这些突出的下拉菜单使你脱颖而出,并帮助网站提升到一个新水平。Design SlurpTuts PlusAdidasCarreras Con FuturoConverseKathmanduStarbucks Coffee (Australia)Lion BurgerAustralian OpenShowtimeJay JaysMTVPure GripsEstee LauderFreitagSunglass HutDick SmithImaginamosPumaRepublicSku 阅读全文

流行的jQuery信息提示插件(jQuery Tooltip Plugin)

2012-03-11 17:06 by coderidea, 6233 阅读, 收藏, 编辑
摘要: 流行的jQuery信息提示插件(jQuery Tooltip Plugin)。信息提示虽然是小东西,但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好,会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件,希望对各位有所帮助。记住,所有的这些都是为了使网站设计更好。1. Dynamic tooltip非常漂亮的tooltip!有渐变、透明、阴影等效果。Dynamic tooltip2. Popup Bubble优秀的tooltip!虽然看起来简单,但是过渡效果非常棒,适用于简单干净的网站。Popup Bubble3. jQuery Horizontal T.. 阅读全文

38 jQuery和CSS多级下拉菜单解决方案(二)

2012-01-17 16:59 by coderidea, 2472 阅读, 收藏, 编辑
摘要: 上接:38 jQuery和CSS多级下拉菜单解决方案(一)16.A cross-browser drop-down cascading validating menu预览17.Drop-Down Menus, Horizontal Style预览18.Superfish v1.4.8 – jQuery menu plugin by Joel Birch预览19.JavaScript Dropdown Menu with Multi Levels预览20.jQuery (mb)Menu 2.7预览21.Menumatic预览22.Smooth Navigational Menu (v1.31)预 阅读全文

30 +漂亮的jQuery菜单导航(二)

2012-01-16 12:54 by coderidea, 3843 阅读, 收藏, 编辑
摘要: 上接:38 jQuery和CSS多级下拉菜单解决方案(一)16. Hover Slide Effect with jQueryDownload | View Demo17. jQuery quickie: Slot machine navigationDownload | View Demo18. Pretty Simple Content Slider with jQuery and CSS3Download | View Demo19. Slide menu with jQuery and CSSDemo View | Download20. jQuery Menu Slide Sty.. 阅读全文

38 jQuery和CSS多级下拉菜单解决方案(一)

2012-01-16 07:33 by coderidea, 3286 阅读, 收藏, 编辑
摘要: 在这里,你会发现38主要jQuery和CSS的下拉菜单或可下载的文件和说明以及多级菜单的教程。这里是我最喜欢的挑头 - 外箱具有非常独特的导航菜单。您的书签中有这样的参考文章它总是好,当你不得不创造一些真正的大网站的很多内容和菜单部分 - 回到这里。已预制的菜单,可以轻松一点淡淡的CSS修改,缩短了你的开发过程。1.“Outside the Box” Navigation with jQuery预览2.Sexy Drop Down Menu w/ jQuery & CSS预览3.Designing the Digg Header: How To & Download预览4.Cr 阅读全文

30 +漂亮的jQuery菜单导航(一)

2012-01-13 10:02 by coderidea, 8115 阅读, 收藏, 编辑
摘要: 目前,jQuery的菜单正变得越来越流行。我们可以使用jQuery创造美化菜单,通过一些鼠标操作让菜单变的有吸引力和有趣。 jQuery菜单插件,用于创建与动态(动画)背景菜单。每个菜单项可以是背景图像,这样,当鼠标从一个菜单项移动到另一个背景图像被替换使用的动画过渡。 设计网站导航使用jQuery的javascript菜单应干净和舒适的!今天我所收集的30个最佳jQuery的菜单,如jQuery的菜单导航,jQuery的菜单列表,jQuery的垂直菜单,jQuery的滑动菜单,jQuery的浮动菜单,jQuery的横向菜单1. Rocking and Rolling Rounded Men. 阅读全文

30 +漂亮的jQuery菜单导航(上)

2012-01-13 07:50 by coderidea, 808 阅读, 收藏, 编辑
摘要: 目前,jQuery的菜单正变得越来越流行。我们可以使用jQuery创造美化菜单,通过一些鼠标操作让菜单变的有吸引力和有趣。 jQuery菜单插件,用于创建与动态(动画)背景菜单。每个菜单项可以是背景图像,这样,当鼠标从一个菜单项移动到另一个背景图像被替换使用的动画过渡。 设计网站导航使用jQuery的javascript菜单应干净和舒适的!今天我所收集的30个最佳jQuery的菜单,如jQuery的菜单导航,jQuery的菜单列表,jQuery的垂直菜单,jQuery的滑动菜单,jQuery的浮动菜单,jQuery的横向菜单1.Rocking and Rolling Rounde... 阅读全文

js插件库系列导航

2011-11-23 07:05 by coderidea, 4147 阅读, 收藏, 编辑
摘要: 此系列为了建立一个有用的js插件和解决方案库,希望对您有所帮助。 过渡特效 插件 LightBo x -灯箱效果插件(非常漂亮) LightB ox -灯箱效果插件(非常漂亮)(续) Select-下 拉列表选择插件(包含下拉选择图片,下拉grid等) Form Effect - 表单美化插件(2) 阅读全文

Charts - 图表插件

2011-11-09 07:56 by coderidea, 8567 阅读, 收藏, 编辑
摘要: Charts - 图表插件 1)Highstock 可让你使用纯 JavaScript 创建股票或者通用的时间线图表。主页:http://www.highcharts.com/products/highstock 2)Smoothie Charts是一个小型图表生成脚本,专为生成实时数据图表而设计。比如可以用于生成CPU使用情况的图表。主页:http://smoothiecharts.org/演示地址:http://smoothiecharts.org/examples/server-load.html 3)JQuery Gantt Chart这是一款jQuery图表插件,可... 阅读全文

代码文本Highlight - 高亮插件

2011-11-08 07:39 by coderidea, 8637 阅读, 收藏, 编辑
摘要: 1)CodeMirror一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。主页:http://codemirror.net/ 2)JUSH是一款jQuery 代码高亮插件,支持HTML, CSS, PHP, PY 和SQL等多种语言。主页:http://plugins.jquery.com/project/JUSH 3)Google Code Prettify提供一个javascript 模块和CSS 文件,可以在HTML页面中显示源代码的代码高亮效... 阅读全文