阅读更多

20顶
4踩

Web前端

原创新闻 使用jQuery 创造各种3D效果

2009-11-27 17:06 by 资深编辑 wutao0603 评论(21) 有22540人浏览

这个网站上有很多使用jQuery创造出3D效果的例子,比如在很多博客中会看到的球型3D tag Cloud,这些示例都提供了源代码下载,点击图片可查看效果。

 

3D Sphere 


点击下载             查看详情

 

 

Making a 3D Engine


 点击下载                       查看详情

 

 

3D Plane for jQuery


 点击下载   查看详情

 

 

Creating a Wobbling 3D Carouse

点击下载源码                        查看详情

 

 

3D Tag Cloud

点击下载源码                            查看详情 

 

  • 大小: 24.5 KB
  • 大小: 13.8 KB
  • 大小: 10.2 KB
  • 大小: 25.1 KB
  • 大小: 24.5 KB
来自: devirtuoso
20
4
评论 共 21 条 请登录后发表评论
21 楼 kingxiaokang 2009-12-06 13:24
太美妙了饿
20 楼 zzl_zhang 2009-12-01 17:08
都帅酷了 没话说了,长度不够
19 楼 marc0658 2009-12-01 11:12
哈哈。。确实。。ie6用起来就更差劲了
18 楼 zxz87 2009-11-30 10:23
tianlang0101 写道
这个是来郁闷 IE的吧。。
chrome 很流畅。。其他浏览器都个屁了。

opera很流畅
17 楼 iaimstar 2009-11-30 10:23
说起来,这个网站里面那个  用html5的球才有意思

可以在不用的窗口之间蹦来蹦去
16 楼 HeroXuan 2009-11-30 07:44
tianlang0101 写道
这个是来郁闷 IE的吧。。
chrome 很流畅。。其他浏览器都个屁了。

ie8很流畅
15 楼 tianlang0101 2009-11-29 23:12
这个是来郁闷 IE的吧。。
chrome 很流畅。。其他浏览器都个屁了。
14 楼 lydawen 2009-11-29 19:17
yuyue618 写道
我用遨游100%. 这样的东东就没用啦.


傲游我都在想是不是应该放弃了,用了三年,现在用起来经常有假死现象发生
13 楼 yilagong 2009-11-29 18:30
恩,总的来说,jQuery还是比较好用的。。
12 楼 coolspeed 2009-11-29 17:54
把最后一个跟倒数第二个结合起来就是flash的那种球形tag cloud了。球形了才像cloud嘛。
11 楼 iaimstar 2009-11-29 16:45
chrome下运行完美
倒数第二个用来做菜单很酷啊
10 楼 rong889 2009-11-29 12:58
卡...........
9 楼 02221021 2009-11-28 23:49
我的电脑也很卡,虽然我是jq的fans,但说实话,用jquery来做动画效率很低.
8 楼 lemonweirui 2009-11-28 22:47
不错。。
ansiboy 写道
有没有用,这个很难说,但我觉得不断创新这种精神很重要。

7 楼 ansiboy 2009-11-28 16:19
有没有用,这个很难说,但我觉得不断创新这种精神很重要。
6 楼 whaosoft 2009-11-28 15:25
效率好低 这个东西谁做的
5 楼 cjx186 2009-11-28 10:44
不实用。如果自己写可以用来吹牛。除吹牛以外暂时想不到能用于什么项目。
4 楼 vieri122 2009-11-28 10:27
chrome运行效果基本流畅
3 楼 elementstorm 2009-11-28 08:36
这种效果实际用途太小了
js的性能做这个
还不如直接用flash...
2 楼 yuyue618 2009-11-28 07:59
我用遨游100%. 这样的东东就没用啦.

发表评论

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

相关推荐

  • jQuery 3d旋转木马

    使用TweenMax创造3d旋转木马,它在Chrome或Safari效果最好,然后FF.浏览器要求ie10以上版本,掩饰地址:http://www.jq22.com/jquery-info586

  • 8.条件查询(select from where)

    #进阶二:条件查询 /* 语法: select 查询列表 from 表名 where 筛选条件 分类: 1.按条件表达式筛选 < > = <> >= <= 2.按逻辑表达式筛选 逻辑运算符 && || ! and or not 3.模糊查询 */ #1.条件表达式筛选 SELECT * FROM employees WHERE salary >= 12000; # 部门编号不等于90的员工名和部门编号 SELECT first_name

  • jquery 注释_jQuery的注释叠加效果

    jquery 注释View demo 查看演示Download Source 下载源Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got ...

  • jquery制作动画的几种插件使用

    fullpage 全屏插件 全屏滚动效果,原生js也很好实现,主要是用 mousewheel 鼠标滚轮滚动事件, 来判断上滚动还是下...fullPage.js 是一个基于 jQuery 的插件,它能够帮你很方便、很轻松的制作出全屏网站。 github...

  • 20个jQuery的3D特效插件

    jQuery 3D效果的综合列表,为我们展示了jQuery的创造性应用带给我们惊人的效果。以下列出的20个效果案例,附带站点、演示和下载。 以下是相册切换3D效果: 1. jQuery 3D Theatre Carousel jQuery 3D Theatre

  • jQuery 效果 ——fadeIn() 方法、fadeOut() 方法

    fadeIn() 方法定义和用法fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。语法$(selector).fadeIn(speed,callback)参数描述speed可选。规定元素从隐藏到可见的速度。默认为 "normal"。可能...

  • Html5添加三联切换仿3D效果旋转木马jQuery插件教程

    KeyMob移动端广告平台是国内领先的移动营销平台,旨在为广告主提供精准的数据,创造最佳的收入和品牌价值。

  • 15个CSS3和jQuery的超棒页面过渡效果教程

    CSS3和jQuery从根本上改变了网页设计和程序开发。...CSS3和jQuery最大的方便之处在于网上有大量的不同元素效果的展示教程,这一点使得学习新技巧 和创造一些很棒的内容更加轻松。网上有很多页面过

  • web视觉差滚动效果插件--stellarjs的使用说明

    主要核心就是前景和背景以不同的速度移动,从而创造出3D效果。 这种效果可以给网站一个很好的补充。 stellar.js是一个 jQuery插件,能很容易地给网站添加视差滚动效果。它允许将效果添加到任何滚动的元素。 虽然已经...

  • 20 个 jQuery 的 3D 特效插件

    3D是个可愉悦每个人的好东西,jQuery可以帮助添加令人惊艳的3D效果。从图表到菜单、按钮,3D将用户体验提高到一个新的高度。jQuery 3D 效果的综合列表,为我们展示了jQuery的创造性应用带给我们惊人的效果。以下列出...

  • 使用jQuery和CSS3创建基于滚动的动画

    创建运动是很好的方式,为您的观众一个有趣的互动体验。 随着现代网站提供交互的更大的交易,它变得越来越预期,即使... 我们也将使用jQuery来检测时的元素是可见的,并添加/删除相应的课程。 对于那些谁希望看到...

  • SlipHover,能感知鼠标方向的图片遮罩效果jQuery插件

    接上一篇博文,介绍完jQuery插件开发后这里上一个自己的作品,也是初次实践,小有成就的感觉。 话说这个插件年前就写好了,然后挂到GitHub,然后就偷偷看着Google Analysis心中暗自激动加窃喜,因为看到间歇地有...

  • Space.js – HTML 驱动的页面 3D 滚动效果

    为了让我们的信息能够有效地沟通,我们需要创建用户和我们的媒体之间的强有力的联系。今天我们就来探讨在网络上呈现故事的新方法,并为此创造了一个开源和免费使用的 JavaScript 库称为 space...

  • HTML+CSS+JS+jQuery学习笔记

    <ul> 做真实的自己li> 用良心做教育li> ul> <ol> 用心做事li> 创造价值li> 联手企业li> 协同高校li> ol> <dl> 关注我们dt> 新浪微博dd> 官方微信dd> 联系我们dd> dl> =============================================...

  • jQuery Mobile入门教程——主题的使用和定制

    原作:Using and customizing jQuery Mobile themes —— Matthew David 翻译:filod 转载声明:请注明原作者、翻译者以及译文链接。 本文转载自:...

  • [翻译]jQuery Mobile入门教程——主题的使用和定制

    原作:Using and customizing ... 在之前的文章jQuery Mobile 入门教程里,我对jQueryMobile的使用进行了入门介绍,你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。 然而仅仅是这样的话...

  • 使用Three.js 绘制3D模型

    不管用什么写3d应用,c++的ogre,flash的pv3d,js的o3d,又或者使用场景编辑器,一个3d场景所需要的最基本的东西都是一样的,一个主要的camera,一个主要的scene。 当然一般的场景里都会有物体,有灯光,每个物体...

  • ODBC 基础

    ODBC 基础这是使用 win32asm进行数据库编程系列的第一份教程。在如今的IT界,数据库编程变的越来越重要,所以我们不能再忽视它。但如今有很多种数据库在使用,如果我们为了实现win32下数据库汇编语言编程而学习各种数据库文件格式,所花时间大概称得上“永恒”。 幸运的是,Microsoft的一项技术使得我们得以摆脱这个大麻烦。它被称为ODBC,是开放式数据库互连(Open Databa

  • WIN32汇编: 31.列表视图控件

    第三十一课 列表视图控件本课中我们将学习如何创建和使用列表视图控件。 理论:列表视图控件和树型视图、丰富文本编辑控件一样是通用控件的一种。可能您都已经知道了列表视图控件,只不过是不知道它的确切名字而已。列表视图控件可以用来很好地显示项目。在这方面它和列表框相同,只不过它的性能更强。有两种方法创建一个列表视图控件。第一种也是最简单的方法是:用资源编辑器来创建它。用该种方法只是不要忘记

  • 连接数据源

    连接数据源本教程中,我们将学习使用ODBC APIs的细节.因为我们的程序并不与ODBC驱动程序直接通信,而是通过ODBC管理器来定义一系列APIs供你的程序调用以完成工作,所以我们需要包含odbc32.inc和odbc32.lib文件,当然还有windows.inc。连接数据源需要以下几步:分配一个环境句柄(environment handle). 在进行每个ODBC任务(s

Global site tag (gtag.js) - Google Analytics