`
lumingming1987
  • 浏览: 116731 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

转: 7 款华丽的 jQuery/CSS3 效果及源码

 
阅读更多

很久没有和大家分享精美的jQuery/CSS3应用了,这两天有时间收集了几款新发布的jQuery/CSS3插件,于是就分享给大家,如果喜欢的话请向你的朋友和同事推荐吧。以下是7款插件,均有在线演示和源码,一起来看看。 

1、CSS3折叠下拉菜单 

这是一款风格清新的CSS3下拉菜单,当鼠标移入菜单时,菜单会出现一段向下展开的折叠动画片段。 



在线演示   /  源码下载 

2、CSS3带头像3D下拉菜单 

这款CSS3下拉菜单设计富有创意,菜单展开时拥有不错的3D效果,非常具有立体感和色彩感。 



在线演示   /  源码下载 

3、jQuery摇奖动画特效 

抽奖游戏我们都玩过,有转盘类型的,也有闪烁类型的,这款抽奖工具基于jQuery技术,摇奖后分别在各个奖品上闪烁,最后停在抽中的奖品上即停止抽奖。 



在线演示   /  源码下载 

4、纯CSS3实现的涂鸦风格边框 

这个漂亮的涂鸦风格边框完全是用CSS3实现的,是一款相对实用的CSS3特效素材。 



在线演示   /  源码下载 

5、CSS3蓝色宽屏二级下拉菜单 

这是一款普通的二级下拉菜单,由于菜单展开后可以显示全屏的二级菜单内容,所以整个菜单显得非常大气。 



在线演示   /  源码下载 

6、纯CSS3实现的一组带提示框的ICON图标 

这是一组带提示框的CSS3 ICON图标,由于其是利用纯CSS3实现的小图标,所以在网络上传输非常快,当然,这需要现代浏览器的支持。 



在线演示    /    源码下载 

7、仿YouTube左侧弹出菜单 

菜单是绿色背景,白色文字,整体简洁大方。该菜单的特点是带有小图标,并且拥有弹出动画效果。 



在线演示   /  源码下载 

以上7款jQuery/CSS3应用都比较实用,部分示例由网页素材大全网站提供,转载请注明出处。

分享到:
评论

相关推荐

    10款jQuery/CSS3动画应用 超实用

    这是一款基于jQuery和CSS3的书本翻页动画特效,该书本翻页插件的外观非常华丽喜庆,非常适合产品活动或者育儿网站使用。我们可以点击左右翻页按钮进行翻页,也可以使用鼠标拖拽页脚来实现翻页动画。这是个jQuery插件...

    3D旋转LOGO动画效果源码 3DRotationLOGOAnimation.rar

    3D旋转LOGO动画效果源码 ...整体效果华丽大气,是一款非常优秀的特效源码 3、建议使用支持HTML5与CSS3的火狐或谷歌等浏览器预览本实例源码。 二、注意事项 1、开发语言为HTML5,使用技术:HTML/CSS/JS

    12个经典大气的HTML5/CSS3应用动画

    这款CSS3下拉框还有3D立体的卡片折叠动画效果,非常酷。 在线演示 源码下载 2、HTML5/CSS3发光搜索表单 超酷CSS3表单 之前我们分享过一款纯CSS3实现的发光登录表单,发光特效非常不错。今天我们要再来分享一款放光...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.jQuery+CSS实用图片收缩与放大效果插件 4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效代码 6.jquery一页多用的飞飞图片幻灯插件演示 7.jquery仿...

    精挑细选 8款HTML5/jQuery应用助网站走向高上大

    之前我们分享过很多HTML5/CSS3菜单,应该说大部分都还比较实用华丽,今天我们要来分享另外一种形式的HTML5菜单——HTML5 Tab菜单。这款Tab菜单是利用HTML5和SVG实现的,Tab菜单的外观非常漂亮,而且Tab切换也很方便...

    给你10个CSS3菜单效果 源代码.制作网页菜单

    给你10个WEB网页菜单*CSS3菜单效果 源代码.zip CSS3 3D动画菜单 3D立方体菜单项 CSS3 iPhone样式的3D菜单 CSS3黑色主题菜单 菜单项淡入淡出动画 CSS3华丽的Tab菜单 带小图标动画 CSS3精美小图标菜单导航 CSS3飘带状...

    jquery 仿制苹果系统导航菜单

    基于jquery做的网页版仿苹果系统导航菜单,效果非常流畅 华丽 不解释。。。 用法: 在页面头部标签<head></head>中加入下面的代码 <script type="text/javascript" src="js/jquery.js"></script> ...

    jquery css3 显示内容介绍精美幻灯焦点图代码.rar

    接着,CSS3的运用则赋予了这个焦点图华丽的动画效果。CSS3的过渡(Transition)、动画(Animation)和3D转换等特性,使得图片在切换时能够实现平滑的过渡效果,无论是淡入淡出、滑动还是旋转,都能带给用户流畅的...

    Jquery源码分析

    - **动画效果**:jQuery使用了CSS3的过渡和动画属性,同时也支持传统的JavaScript定时器来实现平滑的动画效果。 - **AJAX支持**:jQuery内部通过XMLHttpRequest对象实现了HTTP请求的发送和响应的处理,支持GET、POST...

    华丽表白源码

    这些效果可能是通过CSS3的动画属性或者JavaScript库(如jQuery)来实现的。 5. 图片处理:为了增加视觉冲击力,表白页面通常会使用高质量的图片或图形。这可能涉及到图片优化,以便在不影响视觉质量的前提下减小...

    华丽的网页PANEL完整源码

    【华丽的网页PANEL完整源码】是一款适用于创建管理系统的网页设计资源,它以其美观而简洁的界面设计受到青睐。这个源码集成了多种实用功能,旨在提高用户体验和管理员的工作效率。下面将详细阐述该源码的核心特点和...

    jQuery水平滑动焦点图插件

    今天介绍的这款jQuery焦点图插件的图片是水平滑动的,三张图片同时滑动有一种视差效果的感觉,并且焦点图也拥有左右切换箭头按钮,总体来讲非常华丽。 接下来我们来看看实现这款jQuery水平滑动焦点图的方法和源码...

    网页表白源码

    2. **特效实现**:源码中包含了大量的特效,这可能涉及到JavaScript库如jQuery,或者CSS3的新特性,如动画、过渡和变换,用于创造引人入胜的视觉效果。例如,可能会有闪烁的文字、爱心飞舞的效果,或者是背景音乐的...

    七夕情人节表白HTML源码(两款)

    而“超赞-华丽表白源码”可能更注重视觉效果和用户体验,可能使用了CSS(Cascading Style Sheets)进行样式设计,使得页面更加美观,同时可能还结合了JavaScript或者jQuery等库来实现动态效果,比如心跳动画、爱心...

    animatedmodal

    "animatedmodal"是一个基于jQuery的插件,专门用于构建具有华丽CSS3过渡效果的全屏模态窗口。这个插件允许开发者轻松地为网站添加动态、吸引人的模态框,提升用户体验。 ### 核心功能 1. **全屏模式**:...

    7款HTML5精美应用教程 让你立即爱上HTML5

    利用HTML5来模拟很多物理实现都非常方便,像之前介绍过的HTML5 Canvas正弦波动画和HTML5物理实验 CSS3模拟齿轮转动。今天我们又要介绍一款HTML5模拟物理实验,这次模拟的是HTML5牛顿力学实验,高空挂几个小球来回...

    60个网页特效(都很华丽的)

    5. **CSS3支持**:现代的网页特效离不开CSS3的支持,比如过渡效果、变换、动画等,这些可以实现平滑的动态效果,而无需过多依赖JavaScript。 6. **性能优化**:好的网页特效不仅要美观,还要考虑性能。延迟加载、...

    jquery实现华丽的可折角广告代码

    在本文中,我们将会探讨如何利用jQuery库实现一个带有折角效果的华丽广告。这种广告通过在用户鼠标悬停时触发动态变化,增强页面的视觉吸引力,并提供更丰富的用户体验。 知识点一:jQuery介绍 jQuery是一个快速、...

    浪无影ASP树型菜单源码

    5. **JavaScript/jQuery**:用于实现菜单的动态展开和收缩,以及可能的鼠标悬停效果和其他交互功能。 6. **HTML结构**:理解如何用HTML元素构建菜单的结构,如`<ul>`和`<li>`。 7. **数据递归**:在处理层级结构时...

    HTML5 jQuery UI音乐播放器网页版.rar

    HTML5 jQuery UI音乐播放器网页版,从界面上看,是比较华丽的一款网页播放器,里面引入了比较多的jquery插件,功能也是挺丰富的,可显示歌曲名、歌曲列表,专辑名称、专辑图片,界面中还加入了图片滚动切换效果,可...

Global site tag (gtag.js) - Google Analytics