阅读更多

9顶
0踩

Web前端

原创新闻 7 款华丽的 jQuery/CSS3 效果及源码

2013-05-14 09:49 by 见习编辑 html5_dev 评论(3) 有15929人浏览
很久没有和大家分享精美的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应用都比较实用,部分示例由网页素材大全网站提供,转载请注明出处。
9
0
评论 共 3 条 请登录后发表评论
3 楼 ywswen 2013-05-20 09:59
没有一个可用的,在IE7下,兼容性太差
2 楼 JamesGosling 2013-05-16 13:23
特定场合下可用的上,不具有普适性
1 楼 lnaigg 2013-05-15 12:58
这兼容性真纠结,根本没法用

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

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

  • jquery.html 动画,10款超实用jQuery/CSS3动画应用

    原标题:10款超实用jQuery/CSS3动画应用这次我们要带来10款最新的jQuery/CSS3动画应用,这里有不少jQuery插件还是比较实用的,像一些jQuery菜单、jQuery图片滑块等。另外,CSS3的运用,让这些应用都添加了不同的动画...

  • 实用jQuery/CSS3动画应用

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

  • jQuery/CSS3炫酷动画效果插件 animate

    jQuery是一款很强大的JavaScript框架,本文介绍的9个应用插件很多都是基于jQuery的,另外,CSS3的应用让这些插件增添了不少光彩,特别是第一个动画插件Animate.css非常实用,可以让你实现50多种不同的网页动画。...

  • 分享8款最新超酷HTML5/CSS3特效及源码

    这次我们整理了8款最新的HTML5/CSS3特效及源码,这些特效包括HTML5文字特效、HTML5焦点图特效、CSS3/HTML5进度条特效等类型,一起来看看吧。 1、CSS3/jQuery全屏立体焦点图 时尚大气 jQuery是一个非常流行的...

  • 8款最新超酷HTML5/CSS3特效及源码

    1、CSS3/jQuery全屏立体焦点图 时尚大气jQuery是一个非常流行的Javascript框架,今天我们要分享一款基于jQuery和CSS3的焦点图动画,该jQuery焦点图插件是全屏立体的效果,看上去非常时尚和大气。而且,焦点图...

  • 20 个超酷的 HTML5/CSS3 应用及源码

    [导读] 1、HTML5视频破碎重组特效,强大视觉冲击HTML5视频播放器很多,但是HTML5视频特效还是很少见的,这款HTML5视频破碎重组特效非常刺激,给人强大的视觉冲击。点击视频任意地方,HTML5将会将这些区域击碎,过一...

  • html5css3超炫效果,精挑细选12款大气的HTML5/CSS3应用

    原标题:精挑细选12款大气的HTML5/CSS3应用上周我们也整理了...1、CSS3华丽的Tab菜单 带小图标动画之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单,结合SVG,Tab菜单实现非常灵活。今天我们要再...

  • 7款华丽而设计巧妙的jQuery/CSS3应用

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

  • 分享8款最新HTML5/CSS3功能插件及源码

    上周我向大家分享了许多新鲜有趣的HTML5/CSS3应用,其中也有利用jQuery的,新的一周即将来临,小编继续向大家分享8款最新HTML5/CSS3功能插件及源码下载,一起来看看吧。1、HTML5/CSS3鬼脸表情下拉菜单 超级可爱之前...

  • java 图片插件_[Java教程]10款功能强大的jQuery/CSS3图片特效插件

    [Java教程]10款功能强大的jQuery/CSS3图片特效插件0 2014-11-26 03:01:041.CSS3实现的底部带滚动云彩效果的网站登录页面CSS3实现的底部带滚动云彩效果的网站登录页面特效源码,是一段实现页面底部拥有滚动云彩动态...

  • 9款风格华丽的jQuery/CSS3插件

    今天向大家分享9款效果相当不错的jQuery/CSS3插件,不多说,直接来看看这些插件吧。 1、jQuery动画下拉菜单Smart Menu 这是一款基于jQuery的动画下拉菜单,子菜单外观比较时尚,鼠标移到菜单上时即可弹出漂亮的子...

  • html动画效果开源代码,8款强大的CSS3/HTML5动画及应用源码

    不得不说,1、CSS3 jQuery UI控制滑杆插件今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件,这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染,所以外观更加漂亮。另外,这款控制滑杆插件是纵向的...

  • 9个超实用jQuery/CSS3应用插件欣赏

    jQuery是一款很强大的JavaScript框架,本文介绍的9个应用插件很多都是基于jQuery的,另外,CSS3的应用让这些插件增添了不少光彩,特别是第一个动画插件Animate.css非常实用,可以让你实现50多种不同的网页动画。...

  • 10 个超酷的 HTML5/CSS3 应用及源码

    1、CSS3密码强度验证表单,码速表样式 ...这款CSS3密码强度验证表单插件可以提示你当前输入密码的安全级别,有意思的是该密码强度验证插件的样式酷似码速表,随着密码强度的加大,码速表指针就会顺时针旋转...2、纯CSS3

  • spring-ai-bedrock-converse-1.0.0-M7.jar中文文档.zip

    # 【spring-ai-bedrock-converse-1.0.0-M7.jar中文文档.zip】 中包含: 中文文档:【spring-ai-bedrock-converse-1.0.0-M7-javadoc-API文档-中文(简体)版.zip】 jar包下载地址:【spring-ai-bedrock-converse-1.0.0-M7.jar下载地址(官方地址+国内镜像地址).txt】 Maven依赖:【spring-ai-bedrock-converse-1.0.0-M7.jar Maven依赖信息(可用于项目pom.xml).txt】 Gradle依赖:【spring-ai-bedrock-converse-1.0.0-M7.jar Gradle依赖信息(可用于项目build.gradle).txt】 源代码下载地址:【spring-ai-bedrock-converse-1.0.0-M7-sources.jar下载地址(官方地址+国内镜像地址).txt】 # 本文件关键字: spring-ai-bedrock-converse-1.0.0-M7.jar中文文档.zip,java,spring-ai-bedrock-converse-1.0.0-M7.jar,org.springframework.ai,spring-ai-bedrock-converse,1.0.0-M7,org.springframework.ai.bedrock.converse,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,springframework,spring,ai,bedrock,converse,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压 【spring-ai-bedrock-converse-1

  • 房地产 -可视化管理课件.ppt

    房地产 -可视化管理课件.ppt

  • tokenizers-0.18.0.jar中文-英文对照文档.zip

    # 【tokenizers-***.jar***文档.zip】 中包含: ***文档:【tokenizers-***-javadoc-API文档-中文(简体)版.zip】 jar包下载地址:【tokenizers-***.jar下载地址(官方地址+国内镜像地址).txt】 Maven依赖:【tokenizers-***.jar Maven依赖信息(可用于项目pom.xml).txt】 Gradle依赖:【tokenizers-***.jar Gradle依赖信息(可用于项目build.gradle).txt】 源代码下载地址:【tokenizers-***-sources.jar下载地址(官方地址+国内镜像地址).txt】 # 本文件关键字: tokenizers-***.jar***文档.zip,java,tokenizers-***.jar,ai.djl.huggingface,tokenizers,***,ai.djl.engine.rust,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,djl,huggingface,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压 【tokenizers-***.jar***文档.zip】,再解压其中的 【tokenizers-***-javadoc-API文档-中文(简体)版.zip】,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件; # Maven依赖: ``` <dependency> <groupId>ai.djl.huggingface</groupId> <artifactId>tokenizers</artifactId> <version>***</version> </dependency> ``` # Gradle依赖: ``` Gradle: implementation group: 'ai.djl.huggingface', name: 'tokenizers', version: '***' Gradle (Short): implementation 'ai.djl.huggingface:tokenizers:***' Gradle (Kotlin): implementation("ai.djl.huggingface:tokenizers:***") ``` # 含有的 Java package(包): ``` ai.djl.engine.rust ai.djl.engine.rust.zoo ai.djl.huggingface.tokenizers ai.djl.huggingface.tokenizers.jni ai.djl.huggingface.translator ai.djl.huggingface.zoo ``` # 含有的 Java class(类): ``` ai.djl.engine.rust.RsEngine ai.djl.engine.rust.RsEngineProvider ai.djl.engine.rust.RsModel ai.djl.engine.rust.RsNDArray ai.djl.engine.rust.RsNDArrayEx ai.djl.engine.rust.RsNDArrayIndexer ai.djl.engine.rust.RsNDManager ai.djl.engine.rust.RsSymbolBlock ai.djl.engine.rust.RustLibrary ai.djl.engine.rust.zoo.RsModelZoo ai.djl.engine.rust.zoo.RsZooProvider ai.djl.huggingface.tokenizers.Encoding ai.djl.huggingface.tokenizers.HuggingFaceTokenizer ai.djl.huggingface.tokenizers.HuggingFaceTokenizer.Builder ai.djl.hu

  • 基于MATLAB的BP神经网络预测模型构建与应用

    内容概要:本文详细介绍了如何使用MATLAB构建和应用BP神经网络预测模型。首先,通过读取Excel数据并进行预处理,如归一化处理,确保数据的一致性和有效性。接着,配置网络结构,选择合适的训练算法(如SCG),设置训练参数(如最大迭代次数、目标误差等)。然后,进行模型训练,并通过可视化窗口实时监控训练过程。训练完成后,利用测试集评估模型性能,计算均方误差(MSE)和相关系数(R²),并通过图表展示预测效果。最后,将训练好的模型保存以便后续调用,并提供了一个简单的预测函数,确保新数据能够正确地进行归一化和预测。 适合人群:具有一定MATLAB基础,从事数据分析、机器学习领域的研究人员和技术人员。 使用场景及目标:适用于需要对多维数据进行预测的任务,如电力负荷预测、金融数据分析等。主要目标是帮助用户快速搭建一个可用的BP神经网络预测系统,提高预测准确性。 其他说明:文中提供了完整的代码框架和详细的注释,便于理解和修改。同时,强调了数据预处理的重要性以及一些常见的注意事项,如数据量的要求、归一化的必要性等。

Global site tag (gtag.js) - Google Analytics