13个绚丽的Jquery 界面设计网站推荐

 更新时间:2010年09月28日 08:41:53   作者:  
今天共享一些令人振奋的UI教程,这些UI大部分是基于Jquery的插件,主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel,下滑效果的导航Menu,滑翔购物车功能,漂亮的Form表单元素等等。

How to create the image-less from Google.com

无图片、完全通过CSS控制的一些表单元素。据说Google专门招募了一些设计高手专门研究一些此项技术。

clip_image002[4]

How to Create an Image Gallery with easily Switchable Views

 

此相册具有两种视图:文字并茂和纯图片效果,这两种效果可以灵活第进行切换。

clip_image004

An Animated Sharing-Bar that includes a 3D Carousel Effect

3D旋转效果展示分享按钮,具有动画效果。WordPress的tab云好像也有这种效果。

clip_image006

Facebook Style Footer Admin Panel with CSS and jQuery

类似Facebook的底部管理面板,把一些常用的管理按钮放到网站的底部。

clip_image007

How to use the Sliding-Doors Technique to create buttons using Sprites

减轻服务器负担的Sprite技术

clip_image009

jQuery Mega-Menu with slide-down effects

一个富导航按钮,能够展示更宽广和大气的导航。

clip_image011

jQuery Fly-To-Basket Effect for Online Stores

点击【Add to Basket】按钮,商品滑动到右侧的购物车,非常Cool。

clip_image013

Fancy Quotes using jQuery, CSS and Ajax

鼠标放到右侧的概要List时,右侧List自动滚动,鼠标点击后,左侧展示详细内容。

clip_image015

GivaLabs iButtons – a different way of displaying your checkbox

具有动画效果的CheckBox

clip_image017

jQuery Impromptu – A Sleek, light-weight and simple way to add user-prompts

光滑、轻量级的用户提示框。

clip_image019

NiceForms – Easy Form Skinning for the masses

非常漂亮的表单元素皮肤,可以美化checkbox, select and input field 等元素。

clip_image021

A Very Simple Change to your Layout – Fade in and Fade-out effects for main page icons

页面Icon图标的淡入和淡出效果

clip_image023

A Colorful Accordion with Bounce Effects

具有颜色的手风琴效果

clip_image025

英文地址:http://addyosmani.com/blog/13-jquery-user-interface-tutorials-to-improve-your-designs/

相关文章

  • 25个非常棒的jQuery滑块插件和教程小结

    25个非常棒的jQuery滑块插件和教程小结

    图像滑块和幻灯片效果,已成为网页设计的基本要素。它们以有趣的方式展示视觉内容。如果你一直想知道这是如何实现的,那么这里的25个非常棒的 jQuery 图片滑块制作教程将帮助您实现这种效果
    2011-09-09
  • jQuery学习笔记 获取jQuery对象

    jQuery学习笔记 获取jQuery对象

    为了将Web的结构层和表现层、行为层彻底分离,就不应该在HTML标签上直接定义样式或事件等。这意味着要想设置页面中的某个元素,就需要先把这个元素选择出来,选择器正是解决这个问题的技术
    2012-09-09
  • jQuery的Ajax接收java返回数据方法

    jQuery的Ajax接收java返回数据方法

    今天小编就为大家分享一篇jQuery的Ajax接收java返回数据方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • jquery select选中的一个小问题

    jquery select选中的一个小问题

    jquery使select选中的注意事项。
    2009-10-10
  • 一个关于jqGrid使用的小例子(行按钮)

    一个关于jqGrid使用的小例子(行按钮)

    一个关于jqGrid使用的小例子(行按钮) ,使用jqGrid的朋友可以参考下。
    2011-11-11
  • jQuery实现伪分页的方法分享

    jQuery实现伪分页的方法分享

    这篇文章主要介绍了jQuery实现伪分页的方法,结合实例形式分析了jQuery实现伪分页的具体步骤与相关实现代码,需要的朋友可以参考下
    2016-02-02
  • jQuery插件cxSelect多级联动下拉菜单实例解析

    jQuery插件cxSelect多级联动下拉菜单实例解析

    这篇文章主要为大家详细解析了jQuery插件cxSelect多级联动下拉菜单实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • jQuery性能优化技巧分析

    jQuery性能优化技巧分析

    这篇文章主要介绍了jQuery性能优化技巧,较为详细的分析了jQuery的常见使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • jQuery实现的tab标签切换效果示例

    jQuery实现的tab标签切换效果示例

    这篇文章主要介绍了jQuery实现的tab标签切换效果,结合实例形式分析了jQuery响应鼠标事件动态变换页面元素属性的相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • 利用js(jquery)操作Cookie的方法说明

    利用js(jquery)操作Cookie的方法说明

    本篇文章主要是对利用js(jquery)操作Cookie的方法进行了详细的说明介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12

最新评论