随笔分类 - jQuery
jQuery相关文章
摘要:Lazy Line Painter 是基于 Raphaël 矢量图形库的 jQuery 路径动画插件,能够把线条图案转换为有趣的动画绘制模式。使用方法:首先在 Illustrator 中把线条图形导出为 SVG 格式,要确保图案不填充,没有封闭路径,线条要有明显的开始和结束点,类似画板绘制的图案;然后把导出的 SVG 文件拖放到 Lazy Line Painter 转换器中,拷贝生成的 JavaScript 代码;最后在页面中引入 jQuery、Raphaël & Lazylinepainter,粘贴之前拷贝的代码到 DOM Ready 方法中。
阅读全文
摘要:2012年,众多的 jQuery 新插件发布出来,可以说是一个伟大的 jQuery 年份。这个系列的文章向大家分享最具创新的,同时也是最有用的50款 jQuery 插件,这些插件分成以下类别:网页布局插件,导航插件,表格插件,滑块和转盘插件,图表插件,图片特效插件,视频插件等等,将陆续分享给大家,记得关注和收藏啊。
阅读全文
摘要:文框输入框的自动完成和自动提示功能可以帮助用户快速的完成操作,是非常好的产品使用体验。这里向大家推荐一款优秀的 jQuery 文本输入框自动完成 & 自动提示插件,帮助你在网站中轻松添加输入框的自动完成和自动提示功能。
阅读全文
摘要:Motio 是一个简单但功能强大的的实现精灵动画和平移的 jQuery 插件。Motio 要求元素在动画容器内,在 CSS 背景图像中实现动画效果。在基于精灵的动画中,容器应该和一帧精灵的尺寸一样。例如,如果你有10帧水平方向的精灵,总共 1000 x 100 像素,那么动画容器应为 100×100 像素大。
阅读全文
摘要:这篇文章向大家推荐8款时尚的 jQuery 图片滚动插件。jQuery 是最流行和使用最广泛的 JavaScript 框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果。希望这些插件对你有所帮助,能够帮助你节省时间和精力。
阅读全文
摘要:图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。今天这篇文章向大家推荐12款非常实用的 jQuery 图片轮播效果插件,它们可以让帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。
阅读全文
摘要:2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。技术的快速发展让 Web 开发人员学习起来不知所措,幸运的是,很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表。
阅读全文
摘要:一年一度的圣诞节又到了,首先祝大家好运一串串,健康一年年,平安到永远!在这个特殊的日子里,处处洋溢着节日的气氛,空中飘落的雪花更显得浪漫!今天就教大家如何在博客中添加纷纷扬扬的下雪效果。
阅读全文
摘要:让人期待已久的2012年度最佳 jQuery 插件终于发布了。jQuery 自2006年发布以来,经过6年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架,这主要归功于众多围绕 jQuery 的技术社区。jQuery 社区的开发者持续不断的在发布各种 jQuery 插件,Web 开发人员能够非常轻松把一些惊艳的功能到项目中。
阅读全文
摘要:2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表,从功能全面的 IDE 到美观、充满异国情调的小框架,小工具等等。他们能够帮助你降低 Web 开发过程中的复杂度,节省时间和精力。
阅读全文
摘要:对于一个给定的输入框,如果在文本超过输入框的时候能显示当前光标在整个输入的字符串中所在的位置和剩余多少文本,那将会非常棒!如果可以在任何网站不修改DOM就可以实现这个功能,那该多好。在这篇文章中,我们使用 jQuery 实现智能输入框光标的位置。它不需要图像,是使用纯粹的 CSS 实现的,而且实时、准确,这意味着你在添加或删除文本的时候它会自动适应。使用事件代理机制实现,所以不用担心性能问题。
阅读全文
摘要:2012年12月12日,【《Web 前端开发人员和设计师必读文章》系列十二】和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要:这篇文章向大家推荐几个漂亮的 jQuery 图片切换效果插件。jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些让人惊叹的图片切换效果。
阅读全文
摘要:倒计时功能是非常有用的一个小功能,可以告诉用户多久以后您的网站将会发布或者关闭进行维护,还可以用于举办活动的开始和停止的倒计时。今天,在这篇文章中收集了12优秀的倒计时脚本,有一天你可能会用到的。
阅读全文
摘要:在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,例如类似发表微博时候显示剩余的可输入字数等等。如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此,这篇文章介绍一种完美的解决方案:使用 oninput & onpropertychange 来监听输入框值变化。
阅读全文
摘要:Tab 标签页也称为选项卡或者切换,是网站的常用功能,适合用于一组内容之间的切换显示。使用流行的 jQuery 库实现选项卡切换功能非常简单,虽然风格多种多样,但实现思路都是一样的。这篇文章精心挑选了10款最常用的 jQuery Tab 切换插件推荐给大家,这些优秀的 jQuery 插件能够帮助你改进网站中的选项卡功能的用户体验。
阅读全文
摘要:jQuery UI 是官方的 jQuery 用户界面库,包含底层用户交互组件(日历,选项卡,滑块,手风琴,进度条,弹窗等等),Web 开发人员可以直接用它来构建具有良好交互体验的 Web 应用。jQuery UI 还带有可视化的主题定制工具 ThemeRoller,可以很方便的调整主题颜色风格。如果你正在寻找高度定制、高质量和免费的 jQuery UI 主题,那么下面这些就是你需要的。
阅读全文
摘要:之前的文章向大家分享了实现网站功能的各种插件,今天这篇文章向大家推荐7款精心挑选的 jQuery 全景图片展示插件,同时还有非常详细的制作教程可以参考。全景图片展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以360度浏览。这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景。
阅读全文
摘要:这篇文章继续给大家带来最近两个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示前沿 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。
阅读全文
摘要:之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考。图片旋转展示是一种非常有趣的技术,通过把多张图片合并在一起让你可以实现360度浏览,这种效果常用于旅游网站或者酒店网站,用于展示风景或者房间的内景。
阅读全文