湖南长沙前端开发与培训－通途工作室-前端开发,技术培训,动效研究,求职信息

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

作者:admin 日期:2014-01-17

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

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

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

Greensock尚无开发LiquidStage for js的进度

作者:admin 日期:2013-11-18

我觉得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 | 查看次数: 3008

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

作者:admin 日期:2013-10-28

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

Javascript代码

$(".content").css({
'alpha':0,
});

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

Javascript代码

opacity:0;

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

Javascript代码

TweenMax.to($(".content"),0, {alpha:0});

成了！很方便！

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

大气页头动画效果重器！

作者:admin 日期:2013-10-23

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

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

商业应用可联系本站长，QQ：258754

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

我制作的FLASH全球钟在黄花机场投入应用

作者:admin 日期:2013-10-12

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

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

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

来自于unheap.com的jquery-hover(鼠标感应效果)中文大全

作者:admin 日期:2013-09-30

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

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

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

jquery-hover,鼠标感应效果

Tags: jquery-hover jquery-hover 鼠标感应效果鼠标感应效果

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

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

作者:admin 日期:2013-09-22

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

中文注释在demo.js中

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

Tags: 长页面拖动动画长页面拖动动画

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

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

作者:admin 日期:2013-09-20

SuperSlide v2.1.1 - * 轻松解决网站大部分特效展示问题--这是一套非常好用的页面滚动动画框架。最近我手上三四个网站，都用的是这一套。19元很便宜，因为是人民币！在这里无偿的为作者宣传一下。

详尽信息请看官网：http://www.SuperSlide2.com/

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

长页拖动必备利器-来自于unheap.com的jquery-scrolling中文大全

作者:admin 日期:2013-09-20

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

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

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

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

jquery让绝对定位(position:absolute)的浮动层水平居中

作者:admin 日期:2013-09-15

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

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

使用方法是：

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

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

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

Tags: jquery jquery 绝对定位绝对定位水平居中水平居中

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

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

作者:admin 日期:2013-08-07

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

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

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

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

8月9号补充一句：

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

Tags: js动画 js动画

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

greensock_plugins常用功能中文简介

作者:admin 日期:2013-07-11

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

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