随笔分类 - Jquery
摘要：在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片，并且用户可以点击左右按钮来切换图片。相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件，我们可以很简单地直接将这些图片滑动插件嵌入到网页中，很容易就得到了即酷又实用的jQuery图片滑动效果。从这篇文章开始到接下来的几篇文章我们将向大家分享40多种非常有用，又有创意的jQuery图片滑动插件，及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件，然后点击演示链接
阅读全文
摘要：在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片，并且用户可以点击左右按钮来切换图片。相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件，我们可以很简单地直接将这些图片滑动插件嵌入到网页中，很容易就得到了即酷又实用的jQuery图片滑动效果。在这是jQuery滑动切换插件系列的最后一部分，我们将向大家分享40多种非常有用，又有创意的jQuery图片滑动插件，及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件，
阅读全文
摘要：网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片，并且用户可以点击左右按钮来切换图片。相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件，我们可以很简单地直接将这些图片滑动插件嵌入到网页中，很容易就得到了即酷又实用的jQuery图片滑动效果。在这是jQuery滑动切换插件系列的第三部分，我们将向大家分享40多种非常有用，又有创意的jQuery图片滑动插件，及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件，然后
阅读全文
摘要：本文收集了10款jQuery插件，用于UI设计。它们均新鲜出炉，很有帮助。这些插件包括可编辑表格、向导设计等类型。1. Smart Wizard这是灵活的jQuery插件，用户制作漂亮的向导界面，查看演示.2. MsgUI Notification Plugin通过该插件可以排版所有的消息，查看演示.3. jQXB Expression Binder这是JS对象和HTML元素之间的双向的数据绑定，基于jQuery，见QXB/M 提供了自然的灵活的方法来进行服务器端和客户端的数据交换，查看演示.4. HTSQL/HTRAF Data Binding ToolkitHTSQL – 查询语言，数据库
阅读全文
摘要：1.John Resig - http://ejohn.org毫无疑问，jQuery 的缔造者的博客是你首先必须关注的。2.Filmament Group Lab这个也是必看之一，因为 jQuery UI 类库就出自这个网站3.Learning jQuery老牌的学习 jQuery 的网站之一，这个网站是由几个作者联合建立4.Soh Tnaka Blog非常酷的一个 jQuery 设计和分享网站，风格非常酷，里面的教程和插件实现非常有艺术感，本人这里强烈推荐。5.nettuts老牌的网页设计网站，里面包含了非常多的 jQuery 教程和技巧。同时这个网站也有大量的设计相关的文章，大家可以学习。
阅读全文
摘要：jQuery ui 内置了一组effects，包括：blind，bounce，clip，drop，explode，fade，fold，highlight，pulsate，puff，scale，size，shake，slide，transfer这些效果这些effect可以通过$("selector").effect(effect,[option],[speed],[callback]),或者是jQuery中包装的show和hide方法调用。其参数和effect调用相同。这里说明下参数的含义：effect：就是效果名称，可以是上面列举的effects之一。option：在不同的
阅读全文
摘要：jquery 1.6已经发布了，在这个版本中最大的变化就是attr方法。原来我们通过这个方法取得jquery对象的属性。现在升级之后，原来采用attr方法的地方可能会出现问题。新的attr方法只会取得DOM元素上设置的属性。而不会取得DOM元素内部的属性。比如说：<input type="checkbox" checked="checked"/>在1.6版中，调用方法$(":checkbox").attr("checked")方法将返回"checked"值，而不是true. 而之前的
阅读全文
摘要：最近看了好几个关于<a>标签和javascript:void(0)的帖子，谨记于此，以资查阅。注：以下代码未经全面测试，但每一种方法可能会出现的情况都基本做了说明。在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。目前有如下几种解决办法：1)点击链接后不做任何事情Java代码1.<a href="javascript:void(0);">test</a> 2.<a h
阅读全文
摘要：文件上传是网站很常见的功能之一，通过使用 jQuery 可以让上传过程更加人性化，更好的用户体验。本文介绍20个jQuery的文件上传插件，其中有一些是教程。1.PluploadPlupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。2.The KillersAjax Upload该插件使用 XHR 用于上传多个文件，支持上传进度显示，但不支持 IE3.SWFUpload jQuery Plugin4.AjaxFileUpload5.UploadifyUploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特
阅读全文
摘要：Experimental CSS3 Animations for Image TransitionsItem Blur Effect with CSS3 and jQueryExperiments with background-clip: textLateral On-Scroll Sliding with jQueryTypography Effects with CSS3 and jQueryHover and Click Trigger for Circular Elements with jQueryFullscreen Image 3D Effect with CSS3 and j
阅读全文
摘要：这是分析师Chetan Sharma通过征集众多移动互联网行业负责人的观点和意见，并在多家机构的支持和帮助下，做的一次较为全面的2012移动行业预测调查。在此我们将其整理出来，供移动互联网从业者参考。如需原文，请点击这里；PDF文档下载，请点击这里。参与调查的人员结构图：1. 2011年移动行业最有价值的新闻2. 2012年移动行业最有可能发生的大事件3. 2012年移动行业最开放的移动平台商4. 4G网络影响最大的移动应用类型5. 2012年移动行业最可能有突破性进展的领域6. 2012年最受用户欢迎的应用类型7. 2年之内最有可能成为主导的平板系统8. 2012年最有可能频频收购的厂商9.
阅读全文
摘要：近年来，JavaScript 越来越受到重视，早已不单单只是写写网页特效的脚本语言了，如今广泛用于网站的前端交互。值得一提的是，当下 Web 开发者们追捧的 Node.js 使得JavaScript能够在更多环境下运行，甚至是服务器端，使得这门语言再次受到大家的关注。今天，本文向JavaScript 开发者推荐十款超级有用的工具。YepNopeYepNope 是一个异步的条件加载框架，速度超快，只为用户加载需要的脚本。使用非常简单，非常有用！点击访问：http://yepnopejs.com/ModernizrModernizr 是一个开源的JavaScript库，它使得那些基于访客浏览器的不
阅读全文
摘要：像素完美的网站布局，各具特色的艺术，作为一个可以多年发展的专业。这个领域把关注重点放在整个组合和公司网站上照片为基础的背景。整页的照片经常工作在一个wallpaper-type显示移植到网上。 因为它已经经过多年的调整,有很多风格和技术上的变化。不过，我已收集了23个我最喜爱的网站，这个画廊拥有全屏背景。这一趋势仍在增长。Smokey Bones Bar & GrillFOX ClassicsTe Kahu Lake HouseArt of KinetikNike SkateboardingBen Thomson PhotographyRebecca BarryDesign Blitz
阅读全文
摘要：在线演示1 在线演示2 Timeglider JS是一个由javascript支持缩放，数据驱动的时间轴组件。非常适合显示项目历史，项目计划及其其它需要显示历史的项目。时间轴可以通过右边拖放垂直滑动器来缩放界面：向上缩小，向下放大。同时也支持使用滚轮来控制缩放。通过鼠标拖东空白处可以左右拖动时间轴，点击事件可以弹出一个小窗口来描述时间内容及其数据。JS组件有以下几个目标：支持iPads和其它支持触摸的设备非常容易整合到基于HTML/JS应用和界面支持复杂的布局，并且可以对任何指定自定义HTML元素添加事件安装第一步：jQuery UI及其Timeglider CSS文件<link rel
阅读全文
摘要：在线演示 Masonry是 一款非常强大的jQuery动态网格布局插件，可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于，float先水平排列，然后再垂直排列，使用Masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下：在上图中大家可以看到，在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大，而使用Masonry处理后，间隔变小。Javascript首先倒入类库，如下：<script src="//ajax.googleapi
阅读全文
摘要：我经常看到一些网站有云标签，我也很喜欢这样的云标签，网上我发现有很多的标签云教程，但是找到理想的并不是太多，这就是为什么我今天共享这几个标签元的原因WordleWordle是产生“词云：。不同的字体，布局和配色方案，你可以调整你的云。。您可以打印出来，或将它们保存到Wordle画廊与朋友分享。tagCloud发生器只需几步下载表格，这可以产生HTML和Flash在线标签云。ImageChef您可以创建不同的风格和异形词云，并作为明信片发送给您的朋友等。ABCyaA字云是一个字频的图形表示。您可以键入或粘贴到自己的主页上显示框的文字和按箭头按钮来查看生成的字云方向。使用云以上的图形按钮，可以改变
阅读全文
摘要：事件日历和日期选择器是是我们开发当中经常遇到的问题，这个时候我们就需要用jquery插件来实现，昨天我在做项目的时候，遇到了个问题就是如何显示倒计时问题，我这个时候就用jquery插件解决的，今天给大家分享9个其他的时间选择器插件1。FullCalendarFullCalendar是一个著名的jQuery日历插件，它提供了拖和下降功能，与谷歌日历整合，并能够通过JSON获取事件等功能。设计人员可以轻松定制外观和感觉的日历，而开发人员可以利用用户触发的事件暴露挂钩。2.Astonishing iCal-like Calendar这是一个使用jQuery和CSS来构建一个iPhone风格的日历应用
阅读全文
摘要：jQuery插件真正为开发人员很有帮助，今天分享的插件有很多你没有见到过的，但是非常实用的。这32个有用的的插件对你的开发很有帮助。如果你喜欢这些jQuery插件，记得收藏，JQUERY插件jRumbleSupersizedmosaicFitTextElastislide - 一个jQuery传送插件Timeglider的JSdiagonalFadebxsliderletteringjs随机英皇的影响：一个jQuery插件jQuery的TimelinrquovolverExpanding Fullscreen Grid PortfolioOverscrollHTML5音乐播放器jQuery
阅读全文
摘要：砌体（Masonry）是一种网页排布形式，类似于砖砌体、石砌体建造的结构，如下图，左侧是传统的使用CSS浮动实现的布局效果，右图是砌体排 布。砌体布局在不规则的网页内容块布局中非常有用，能够充分利用网页空间，很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于 jQuery实现的砌体网页设计作品，一起欣赏。Photography by Koa MetterChromeographyPattern Tap – AlphaPuma RunningDazed DigitalRather SplendidThe Inspiration Theme – Veerle PetersUnt
阅读全文
摘要：jQuery 是一个非常优秀的 JavaScript 框架，在现在的 Web 开发项目中扮演着重要角色。jQuery 使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效果，让网站有更好的可用性和用户体验。本文向大家分享40个实用 的 jQuery 插件以及制作教程。Parallax Slider with jQuery(演示|下载)带立体效果的 jQuery 幻灯片插件，很酷！Merging Image Boxes with jQuery(演示|下载)非常酷的带消融效果的 jQuery 相册插件，太靓了！Sweet Thumbnails Preview Gal
阅读全文
