预览模式: 普通 | 列表

FLASH制作的新年砸金蛋抽奖小游戏

为老客户豪爵制作的新年砸金蛋游戏。相比网上流传的一些小游戏,界面设计更正规,抽奖步骤更完整。

正式版本是有正规配音的,这个发布版本,考虑到下载速度,去除了背景音乐与语音提示。
 

Tags: 砸金蛋游戏

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1829

Greensock尚无开发LiquidStage for js的进度

 我觉得JS网站开发非常需要的东西,所以邮件咨询了他们一下:

 

 

carl:

目前我正在学习js平台的动画开发。

我想知道,greensock是否有计划开发“JS框架下的”LiquidStage以及TransformAroundPointPlugin。我觉得很多网站开发者会需要这些。

 


 今天一早收到回复:

 

Hi,

 

We've had a few requests and we are thinking about it. Currently we are not actively developing these tools as we have a number of other priorities for the platform.

 

Thanks for your support and interest.

 

Best,

 

Carl

 

查看更多...

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2500

用tweenMax定义跨浏览器的alpha透明度

 今天试着用jquery写了个表达式:

Javascript代码
  1. $(".content").css({  
  2.   
  3.         'alpha':0,  
  4.   
  5.         });  

结果发现在chrome中无法改变透明度。查了一下资料,发现chrome只支持这样的写法:

Javascript代码
  1. opacity:0;  

有时候真懒得去分辨这些不同浏览器的语法,想起tweenMax号称跨浏览器的性能,于是试验了一下:

Javascript代码
  1. TweenMax.to($(".content"),0, {alpha:0});    

 

成了!很方便!

查看更多...

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1881

大气页头动画效果重器!

 全屏观看请点击:http://www.contactu.cn/2013/ll/

来自于国外的商业应用,3D/2D效果、组合无限、播放组件定义自由、尺寸自适应、兼容浏览器,几乎完败一切同类应用。

商业应用可联系本站长,QQ:258754

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1662

时钟包括指针式和液晶式两种显示方式。主要的研究点,时钟式主要是指针的角度规律,在网上找了点源码解决了。液晶式本来有点小纠结,本来想用图片替换---后来找到一种液晶字体,直接就解决了。

样样皆学问,对于时区问题 ,一查才知道,世界各地除了时区不一,还存在夏令时的问题--目前的这个作品中,是没有引入夏令时的算法的。

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1597

 英文原站地址在这里: http://www.unheap.com/section/user-interface/hover/

第1集在这里:http://www.contactu.cn/article.asp?id=136

我就不多写了,只上个索引图

jquery-hover,鼠标感应效果

Tags: jquery-hover 鼠标感应效果

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2281

注释翻译了一个国外的长页面拖动案例

今年特别流行长页面!加上这些拖动动画,非常之生动。不管你用不用,反正我用了。请拖住滚动条一直往下拉,可以看到各类动画。

 中文注释在demo.js中

 全屏请点击这里查看:http://www.contactu.cn/2013/drag/

 

Tags: 长页面拖动动画

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1744

花19元购买了SuperSlide v2.1.1代码

SuperSlide v2.1.1 - * 轻松解决网站大部分特效展示问题--这是一套非常好用的页面滚动动画框架。最近我手上三四个网站,都用的是这一套。19元很便宜,因为是人民币!在这里无偿的为作者宣传一下。
 
详尽信息请看官网:http://www.SuperSlide2.com/
 
SuperSlide2
分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2196

 因为目前手头有一个全屏长画面网站的项目,我想设计成比较流行的长屏+拖动动画形式。于是在网上找插件。unheap.com几乎提供了与拖动有关所有jquery小程序,太赞了!于是我在自己的印象笔记中整理了一下,顺便发布在这里,做为日后自己的一个查找索引,也方便大家来使用。

以下所有内容都来自于unheap的ui-scrolling分支,具体URL是http://www.unheap.com/section/user-interface/scrolling/,如果有翻--墙手段,可能浏览起来更快速一点。unheap只是一个展示索引,各个子程序的说明和下载,都存在各自作者的网站上。

我在下图中做为了说明的,都是我认为比较重要的程序,一些雷同的、作用不大的,就没有做标记了。看图就行了,图的下方, 我把文字说明附加在后,方便大家查找..

 

查看更多...

Tags: 长页面创意 拖动程序 unheap.com jquery scrolling

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2712

一般情况下的居中对齐是很简单的情况,但是有时候,图片是放置在一个绝对定位(position:absolute)的层中的。这时候的居中对齐就比较麻烦了。

这个jquery小程序就是用来进行居中运算的。

使用方法是:

1、把这段jq代码放置到页面中;

2、需要居中的层加上 class="fc" ,jq程序代码中会自动把目标层加上 position:absolute属性属性,不需要在CSS中再添加。

示例页面见:http://www.contactu.cn/2013/jquery_float_center/

Tags: jquery 绝对定位 水平居中

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2921

html5+css3+js行星环绕型动画演示

链接在这里,IE6/7可能不兼容,我只测试了chrome/firefox/傲游/IE8这几款。 

值得一提的技术点有两个:

1、背景画面用了一个自适应显示器的Jquery小程序

2、小球环绕大球的这个动画还是花了点功夫,用了一个圆形环绕公式,角度、速度啥的调试了我一下午,没办法,数学底子太差。


8月9号补充一句:

HTML页面的SEO性能是FLASH不能比拟的,写本文的第二天,这个动画页面本身就被GG收录了。

查看更多...

Tags: js动画

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2360

greensock_plugins常用功能中文简介

 com.greensock.plugins是greensock库中,与tweenLite/TweenMax等tween类搭配使用的组合功能。虽然号称是插件,但是功能真的很强。有小而精练的功能,也有象运动模拟这样的的大块头功能,这些都需要使用者慢慢的探索。这里只列出了自己常常使用的一些,让大家能少读几行英文...

查看更多...

Tags: greensock_plugins

分类:greenSock | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 8270

 GSAP-JS是完全由GSAP平台的AS版本进化出来的,针对HTML平台的JS动画。根据我目前的学习进度,感觉到它已经把很多常用的动画结构,用简练的语法进行了包含。这方面,比使用原生JS或是JQ,有更大的优势。

这里有一个由原站下载的范例包,可以供大家起步学习...

查看更多...

Tags: GSAP-JS

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2893

这段代码的功能:就是实现一次远程验证,如果正确,则存储结果,以后再也无需验证

具体细节是:

通过本地程序使用时,发送一个登录帐号密码到远端的验证服务器。如果正确,服务器返回匹配的姓名,如果不对,返回一个“NO”字符串。

一旦接收到正确的结果,本地程序即执行写SharedObject动作,将姓名写入。以后每次在本地使用这个程序,只要SharedObject不为空,则不需要再做远程验证。

注意:发现用FLASH CS6调试模式可以直接发送数据,打包成EXE也可以,但是本地生成的SWF文件,不能直接发送数据,可能是出于安全考虑。

以下是部分代码...

 

查看更多...

Tags: SharedObject

分类:flash技术探讨 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3876