25+ 个新鲜的 jQuery 和 CSS3 教程

本文收录超过 25 个最新的关于 jQuery 和 CSS3 实现一些炫酷网页效果的教程,你值得拥有。

jQuery and CSS3 Tutorials

Slideshow with jmpress.js

Responsive Horizontal Layout

Login and Registration Form with HTML5 and CSS3

Responsive Content Navigator with CSS3

Accordion with CSS3

Page Transitions with CSS3

Sliding Image Panels with CSS3

CSS Buttons with Pseudo-elements

Animated Web Banners With CSS3

Filter Functionality with CSS3

Thumbnail Proximity Effect with jQuery and CSS3

Fullscreen Background Image Slideshow with CSS3

How to Create a CSS3 Dropdown Menu

Create Calendar using jQuery and CSS3

Create an Image Slider using jQuery and CSS3

Create Login Form with CSS3 and jQuery

How to Create Accordion Menu (CSS3+jQuery)

Create Content Accordion in Pure CSS3

Create a Stylish Image Content Slider in Pure CSS3

Timeline Portfolio

Making a Page Flip Magazine with turn.js

Making an Impressive Product Showcase with CSS3

Apple-like Login Form with CSS 3D Transforms

Enhance Your Website with the FullScreen API

CSS3 signup form

CSS3 ordered list styles

CSS3 & jQuery folder tabs

CSS3 breadcrumbs

 

Source: http://designmodo.com/jquery-css3-tutorials/

时间: 2024-10-30 20:39:45

25+ 个新鲜的 jQuery 和 CSS3 教程的相关文章

12 月份 10 个新鲜的 jQuery 插件和教程

1. MASHA (Mark & Share) MASHA (Mark & Share 的缩写) 是一个可以让你分享网页部分内容的 JavaScript 库. 2. JScraft scroller 通过点击某个图片,该图将移到网页中央,其他相应的图片进行位置滑动.在线演示:here. 3. Windows-like Interface 在这个教程中你可以学习如何创建一个类似 Windows 界面的网页,在线演示 here. 4. Flow Slider Flow Slider 是一个轻量

整理的40个有用的jQuery技术和教程_jquery

  1. Custom Animation Banner with jQuery  在该教程中你将学会如何使用jQuery的Easing插件及2D Transform插件创建自定义的动画横幅.教程的想法是将不同的元素以自定义动画的形式融入到横幅中去.    查看实例   2. Moving Boxes Carousel with jQuery  你将学会如何创建一个拥有改变面板及缩放面板的按钮的滑块.   查看实例    3. Quick Feedback Form – jQuery & PHP

50 个最佳 CSS3 教程大放送

本文收集了2011年最热门的50个CSS3教程,读者可根据这些教程轻松实现网页的设计.  1. Original Hover Effects with CSS3  本教程讲述应用CSS3实现风格迥异的鼠标悬停效果. 2. CSS3 Transitions Without Using :hover  本教程讲述应用CSS3实现动态变换效果. 3. How to Create a Beautiful Icon with CSS3  本教程讲述应用CSS3创建文档图标. 4. Creative CSS

30 个实用的 jQuery 选项卡/导航教程推荐

很多网站设计中都使用了选项卡(tabs),在制作选项卡时应用jQuery能够实现很多炫酷的过渡和动画效果.本文为你介绍30个实用的jQuery选项卡教程,希望对你有帮助.  1. Animated Tabbed Content With jQuery  选项卡被现代网站普遍应用,但大多数形式呆板.本教程逐步为你讲授如何实现选项卡动画切换效果.  示例  2. Tab Navigation with Smooth Horizontal Sliding Using jQuery  本教程为你展示如何

推荐40个非常优秀的jQuery插件和教程【系列三】_jquery

Snippet – jQuery Syntax Highlighter ( 演示 | 下载 )  Snippet 是一款超棒的代码高亮插件,支持15种流行语言,有数十种配色方案供选择,酷! Apple-like Retina Effect With jQuery ( 演示 | 下载 ) 使用 jQuery 实现的苹果 Retina 效果插件,很棒! Animate Panning Slideshow with jQuery ( 演示 | 下载 ) 一款很棒的 jQuery 幻灯片插件,有详细的制

分享8个超棒的基于HTML5和jQuery的开发教程

日期:2011/12/15  来源:GBin1.com HTML5 和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网 站.尤其是最近jQuery 1.0的发布,更助力了移动设备的开发.现在已经有很多的开发人员和设计人员开始使用HTML5和jQuery配合开发来显示各种特效.今天我们将给大家 推荐8个精心选择的HTML5和jQuery组合开发的教程,希望对大家有帮助,如果你喜欢这些教程,请给我们留言,谢

个性化jQuery和CSS3菜单源码

下面要给大家分享8款非常个性化的jQuery和CSS3菜单,这些菜单由于外观比较独特,所以也许不是非常通用,但是我们可以认可的是这些菜单的设计思路非常棒,值得借鉴.下面一起来看看这些菜单吧. 1.超酷的jQuery动画菜单 这是一款效果非常酷的jQuery动画菜单导航,当你把鼠标移到菜单项的时候,将会出现十分平滑的滑动效果,这个菜单漂亮的地方还在于菜单的背景图片,动画本身并不复杂,下面就一起来看看这个简单漂亮的jQuery动画菜单吧. 2.jQuery侧边固定停靠导航 这是一款非常精美的jQue

CSS3教程收集分享:具有动画过渡效果的CSS教程

文章简介:CSS3教程收集分享:具有动画过渡效果的CSS教程. 今天我们分享出了18个优秀的具有动画过渡效果的CSS3详细教程.CSS3让一切变得更加容易和高效,它改变了很多旧的WEB开发技术,在目前网络高速发展的当下,更好的为网页设计师来做后期的维护提供的便利.随着这一过渡效果的使用,让更多的设计变得高效起来.让网页也变得更具艺术过渡的 气质.下面这18个例子可以让你得到更多的灵感.也会让你的交互创意灵感变得更加有意思起来. 创建一个下拉菜单,使用CSS3转换 (演示 下载) 动画Popove

CSS3教程:网页文字阴影属性text

文章简介:文字阴影在很多设计中都有应用,在过去我们只能通过图片来实现在Web上显示文字阴影,但是这样做对不太利于SEO,所以在CSS3中,text-shadow又恢复了其属性(text-shadow属性是CSS3中定义的,在CSS2.1中删除了). 文字阴影在很多设计中都有应用,在过去我们只能通过图片来实现在Web上显示文字阴影,但是这样做对不太利于SEO,所以在CSS3中,text-shadow又恢复了其属性(text-shadow属性是CSS3中定义的,在CSS2.1中删除了). text-