随笔分类 - Jquery
摘要：图片的滑动展示在网站设计中使用非常普遍，可用于解决方案、产品和服务的各种展示，而借助 JavaScript 和 CSS3 可让这些效果实现起来更加简单。本文介绍 11 个网站滑动效果设计非常帮的案例供你参考：SuperloverCool combination of scroll and left with easing animation.Green Campus GuideSlider with integrated tooltips and modal dialogs.Lake NonaTake a while to load but it's pretty impressive
阅读全文
摘要：如果你想创造一些令人印象深刻的网页，OSCHINA 有很多的 JavaScript 插件，而本文中我们将向你介绍6个JavaScript插件，可轻松创建惊人的网页效果。这些插件非常方便创建在线演示或幻灯片，添加到你的页面中绝对是一个很酷的东西。我敢肯定，这些插件可以节省您的时间，避免重新发明轮子，其中一些使用CSS3技术可创建更加酷的效果，如旋转。ScrollPathScrollPath 可以让你按特定的路径对页面中的内容进行滚动显示，你如果不清楚具体意思可以通过下面的演示页面查看效果，通过向下键进行滚动。http://joelb.me/scrollpath/Impress.jsimpress
阅读全文
摘要：MooRainboxJavaScript ColorPickerJPicker – A jQuery Color PickerjPicker 是一个快速、轻量级的 jQuery 插件，提供高级的颜色拾取功能。Color Picker类似 PhotoShop 的颜色选择器ExColorjQuery 的颜色选择插件Izzy Color PickerFlexiFlexi是一个简单、轻量级颜色拾色器，基于SVG/VML技术实现。它没有基于依赖任何JavaScript框架开发，能够将选中的颜色以 hexadecimal、HSV、RGB三种格式返回。选择器的尺寸、位置和滑块面积都可以采用CSS自定义，就像
阅读全文
摘要：Web表单是网站中很常见的Web组件，你用它来收集数据，用户的详细信息等。然而，现有的表单限制很多，功能比较简单，尽管有 HTML5 ，不幸的是，并非所有浏览器都支持它，所以现在我们可以使用一些非常强大的jQuery或JavaScript来加强现有的表单元素的功能。下面我们收集了 12 个很有用的表单扩展插件，提供更好的用户体验：DropKick创建自定义的下列列表，并附带皮肤支持ChosenjQuery Chosen Plugin 是一个 jQuery 插件，用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索，多个标签编辑等功能TextextJSTextExt 是一个 jQuery
阅读全文
摘要：近年来，JavaScript 越来越受到重视，早已不单单只是写写网页特效的脚本语言了，如今广泛用于网站的前端交互。值得一提的是，当下 Web 开发者们追捧的 Node.js 使得JavaScript能够在更多环境下运行，甚至是服务器端，使得这门语言再次受到大家的关注。今天，本文向 JavaScript 开发者推荐十款超级有用的工具。YepNopeYepNope 是一个异步的条件加载框架，速度超快，只为用户加载需要的脚本。使用非常简单，非常有用！点击访问：http://yepnopejs.com/ModernizrModernizr 是一个开源的JavaScript库，它使得那些基于访客浏览器的
阅读全文
摘要：jQuery 是最流行也是使用最广泛的 JavaScript 框架，它简化了 HTML 文档操作，事件处理，动画效果和 Ajax 交互。下面向大家分享8个优秀的jQuery倒计时插件和教程。jQuery CountdownspriteTimerphp ajax/jquery countdownAdd a Countdown Timer on Your WebsitejQuery FlipclockFancy CountdownCool jQuery Countdown JoomlajQuery Countdown
阅读全文
摘要：在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片，并且用户可以点击左右按钮来切换图片。相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件，我们可以很简单地直接将这些图片滑动插件嵌入到网页中，很容易就得到了即酷又实用的jQuery图片滑动效果。在这是jQuery滑动切换插件系列的第二篇，我们将向大家分享40多种非常有用，又有创意的jQuery图片滑动插件，及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件，然后
阅读全文
摘要：1、Humble FinanceHumble Finance是一个与Flash工具相似的HMTL5数据可视化工具。该工具完全由JavaScript开发，使用Prototype与Flotr库2、D3D3是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HMTL表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图。3、RickshawRickshaw 是一个用于绘制时序图的简单 jS 库，基于Mike Bostock’s delightful D3 库构建4、jqPlotjq
阅读全文
摘要：免费的 JavaScript/jQuery 日历jQuery Frontier CalendarDate PickerDate Range PickerJS CalendarJavaScript Calendar, JSCal2A CSS styled calendar收费的 JavaScript/jQuery 日历Simple Events Calendar JSjQuery Date Range PickerAJAX Booking Calendar Pro (jQuery Plugin)oCalendar -jquery Event Calendar PluginMagiCalender
阅读全文
摘要：编辑器1、Code Mirror又一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。视频2、Html5 mediahtml5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。 对于不兼容的浏览器，该播放将采用支持Flash的FlowPlayer播放器来代替。地图3、GmapGMAP3 插件用来将Google Maps插入到网页中，Google在其产品中已经提供了很简便的方法。但是GMAP3这
阅读全文
摘要：我们必须承认，JavaScript内建的Date方法实在是太基础了，远不够我们来处理日期。总有人会开发自己的JavaScript日期操作库，为何在能够使用已经开发并测试好的日期插件时还要再自己造个轮子呢。我已经碰到过很多次需要操作日期格式的情形，这些插件将节约大把的时间。以下插件都拥有许多例如以不同格式显示日期、显示相对时间（如：20分钟前）等特性，他们其中适合于处理两天之间的倒计时。以下列出6种插件：1、DatejsDatejs 是一个开源的JavaScript库，用来解析、格式化和处理日期数据，支持多种语言的日期格式处理。01// What date is next thrusday?02
阅读全文
摘要：响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的！本文介绍 20 个 jQuery 插件适合进行响应式 Web 网站设计。FitTextBlueberry – A simple, fluid, responsive jQuery image sliderResponse JS: mobile-first progressive enhancement in HTML5The Heads-Up GridjQuery MasonryIsotopescrolldec
阅读全文
摘要：免费的 JavaScript/jQuery 日历jQuery Frontier CalendarDate PickerDate Range PickerJS CalendarJavaScript Calendar, JSCal2A CSS styled calendar收费的 JavaScript/jQuery 日历Simple Events Calendar JSjQuery Date Range PickerAJAX Booking Calendar Pro (jQuery Plugin)oCalendar -jquery Event Calendar PluginMagiCalender
阅读全文
摘要：很多时候我们需要在网页中显示数据统计报表，从而能很直观地了解数据的走向，更好地帮助决策分析。今天就给大家分享几个个人觉得好用的jQuery图表插件，这几个图表插件使用起来非常方便，而且挺灵活的，相信大家会喜欢。jqPlot（中文API说明及示例和源码）推荐jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以在网页中绘制线状、柱状、饼状等多种样式图表Google Chart（中文API详解）利用Google Chart API可以动态地生成图表图形，例如在地址栏中输入http://chart.apis.google.com/chart?cht=p3&chd=t:60
阅读全文
摘要：qTip2 精致的jQuery提示信息插件2012-02-16 22:31 by 囧月, 2176 visits,收藏,编辑qTip2是一个灰常强大且精致的jQuery提示信息插件，是qTip的第2版，也是一个全新的版本，提供了丰富的功能及漂亮的外观，非常易于使用。qTip2采用了MIT/GPLv2许可，官方网站为：http://craigsworks.com/projects/qtip2/，目前还没发布一个稳定版，Nightly版本经常会更新，当然这并不影响正常使用。简介若不放心可以尝试旧版的qTip，但在一些参数上会有所不同；若是从qTip升级到qTip2，可以使用官方提供的转换工具来升级
阅读全文
摘要：1.turn.jsturn.js 是一个实现类似书本翻页的网页效果的JS库。2.jQuery Scroll PathIt's a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs.3.3D GalleryAn experimental 3D gallery that uses CSS 3D transforms.4.AnystretchAllows you to add a dynamically-resized background image
阅读全文
摘要：如果你拥有一个html静态网站，或你喜欢的某个网站不支持RSS Feeds输出，你可以使用本文介绍的这些工具，将HTML网页转换为RSS Feeds。The RSS Wizard这是一款可以让你创建RSS 2.0 Feed的软件，可以基于任何形式的HTML文件。这个软件最大优势是无需对原有的HTML文件做任何修改。DapperDapper允许任何人通过创建Dapps的方式来调用任何网站的内容。Dapper可以同时为网站生成多个RSS。按照他们的说法，Dapper拥有最 多样的选择，但是同时上手不是那么容易。Feed43你喜欢浏览的网站不提供RSS服务？Feed43提供免费的在线服务来吧任意网页
阅读全文
摘要：JS框架jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。 Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。演示 | 下载New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的
阅读全文
摘要：如 果你关注最近几年的web设计，那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇。 相对于传统的页面设计来说，今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战，因为随着硬件的更新，新设备的出现，你需要能够 使得你的网站能够针对不同的设置做出最好显示响应。最初这个名称来自于Ethan Marcotte的文章“Responsive Web Design”，设计的理念在于为了有效的利用空间和布局来满足用户阅读过程中产生的不同使用行为，并且及时的做出响应。现在的响应式设计中，我们网站也针对不同的设备的显示尺寸来有效的改变页面布局和样式。
阅读全文
摘要：25 JavaScript的幻灯片用于在Web布局 之前本博客与分享过一些幻灯片的插件，本文带来的是在Web 布局中运用JS幻灯片的案例Molanphy DesignJoystiqOsmond InteractiveRodaniaMathieu ClaussCharlie GentleRed Ice RadioThese Are ThingsOinkHello ThemesHyperx MediaIcon DesignerDigital ConvulsionsODS NetworkVeritas RadioQuality Laundry ProfessionalsThe DailyRadium
阅读全文
