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

首页 > 网络编程 > JavaScript > javascript类库 > jquery 更新日期: 2015-12-27
今天共享一些令人振奋的UI教程,这些UI大部分是基于Jquery的插件,主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel,下滑效果的导航Menu,滑翔购物车功能,漂亮的Form表单元素等等。

How to create the image-less from Google.com

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

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

How to Create an Image Gallery with easily Switchable Views

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

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

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

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

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

Facebook Style Footer Admin Panel with CSS and jQuery

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

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

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

减轻服务器负担的Sprite技术

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

jQuery Mega-Menu with slide-down effects

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

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

jQuery Fly-To-Basket Effect for Online Stores

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

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

Fancy Quotes using jQuery, CSS and Ajax

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

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

GivaLabs iButtons – a different way of displaying your checkbox

具有动画效果的CheckBox

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

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

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

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

NiceForms – Easy Form Skinning for the masses

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

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

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

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

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

A Colorful Accordion with Bounce Effects

具有颜色的手风琴效果

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

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


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • Android实现仿网易新闻主界面设计
    Android实现仿网易新闻主界面设计
    这篇文章主要为大家介绍了Android实现仿网易新闻主界面设计的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下下面先来一张效果图    根据图片分析,要实现的有侧边栏DrawerLayout,ActionBar的颜色和菜单以及ActionBarDrawerToggle的动画效果. 在这之前,Theme要改成带有ActionBar的主题 andro ...
  • jQuery实现企业网站横幅焦点图切换功能实例
    这篇文章主要介绍了jQuery实现企业网站横幅焦点图切换功能,实例分析了jQuery企业网站焦点图的详细实现方法,非常简单实用,需要的朋友可以参考下本文实例讲述了jQuery实现企业网站横幅焦点图切换功能的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran ...
  • Android仿微信主界面设计
    Android仿微信主界面设计
    这篇文章主要为大家介绍了Android仿微信主界面设计的相关资料,需要的朋友可以参考下先来一张效果图 一.ActionBar的设计 首先是main.xml,先定义这些菜单,界面稍后在调整 <menu xmlns:andro tools:context=".MainActivity"> <item android: and ...
  • jQuery常见学习网站与参考书
    打算学习jquery的朋友可以参下如下网上,参考书吗,可以看下 锋利的jquery提供电子版下载.jQuery作为一个框架,功能挺强大的,除了官方网站 http://jquery.com/ ,还有一个介绍使用jQuery的网站,demo相当详细:    http://interface.eyecon.ro/    在线 demo 演示地址:http://in ...
  • 五个jQuery图片画廊插件推荐
    五个jQuery图片画廊插件推荐
    五个jQuery图片画廊插件,需要的朋友可以参考下. 1.Pikachoose – lightweight Jquery Image Gallery plugin 查看Demo 效果还算不错,当然跟以前推荐的几个画廊插件还是有一些差距. 推荐指数:★★★ 2.Sliding Boxes and Captions with jQuery 查看Demo 此画廊有 ...
猜你喜欢