预览模式: 普通 | 列表

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

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

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

 

查看更多...

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

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

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

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

使用方法是:

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

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

示例页面见:http://blog.258754.cn/2013/jquery_float_center/

Tags: jquery 绝对定位 水平居中

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

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

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

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

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

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


8月9号补充一句:

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

查看更多...

Tags: js动画

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

greensock_plugins常用功能中文简介

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

查看更多...

Tags: greensock_plugins

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

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

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

查看更多...

Tags: GSAP-JS

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

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

具体细节是:

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

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

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

以下是部分代码...

 

查看更多...

Tags: SharedObject

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

今天收到来自于gs的邮件回复,本人获得greensock赠送的"Shockingly Green"收费帐号,作为在中国为他们传播产品知识的小小鼓励。

我的邮件原文:

 

来自于中国的greensock产品推广建议

 

你好greensock.

 

我是一名来自中国的flash-AS3开发者,38岁。大概在三年前开始使用你们的产品,我非常喜欢。因此我仔细的阅读了API说明文档(API Documentation),并试用了几乎所有的产品,包括tweenmax,timelinemax,layout,loading,plugins等。目前我已经开始试用你们的GSAP-JS产品。

 

中国现在有近14亿人口,但AS开发水平总体还比较低--JS编程也一样。事实上,GS平台(除了tweenlite以外的部分),被中国开发者所知甚少。另外,中文开发者的英文水平普遍不高,greensock.com上很好的教程和文档,不容易被他们读懂。

 

在中国,虽然有一些人仍然习惯于“免费”,但是对好的产品的付费程度,越来越高。如果能有比较多的中文教程及合适的价格,我想GS会从中国市场得到大量的付费用户。

-----------------------------------------------------------

 

出于对你们产品的喜爱,我在自己的博客和中国国内一些主要开发者论坛上,撰写了不少关于greensock产品的文章。通过google或是中国最大的搜索引擎baidu.com(占有国内70%以上的搜索份额)可以查询到,在中国话覆盖的网站上,很多关于GS的文章来自于我的写作。

 

我主要在这些网站上写作:

我的博客上关于GS的栏目:http://blog.258754.cn/default.asp?cateID=11

中国国内最大的as/flash/air开发者论坛:www.9ria.com

另一个国内开发者论坛的FLASH版块:http://bbs.blueidea.com/forum-4-1.html

 

我一些文章的链接:

http://bbs.9ria.com/thread-95958-1-1.html

http://bbs.9ria.com/thread-71580-1-1.html

http://bbs.9ria.com/thread-101888-1-1.html

http://bbs.9ria.com/thread-103248-1-1.html

http://bbs.9ria.com/thread-106400-1-1.html

http://bbs.9ria.com/thread-106138-1-1.html

 

--------------------------------------------------------------

 

我想得到如下帮助:

 

1、能否提供一个“Club GreenSock members”资格?以方便我节省资金,更方便的了解GS的产品线。

2、是否方便在你们的网站某处,提及我的博客的链接(blog.258754.cn),以进一步提升我网站的权威度及搜索引擎排名。

3、期待你能提供更好的合作方式。

 

谢谢。期待你的回复。

dudu

 


gs回复:

 

Hi Du,

 

Jack forwarded me your kind email. We are very grateful for your efforts to bring GreenSock knowledge to the Chinese.

We love seeing our users take the initiative to help others.

 

As a token of our appreciation you have been awarded you a Shockingly Green Club GreenSock Membership. Your account has already been upgraded, just log in to your account page https://www.greensock.com/account/  and grab all the bonus plugins and tools. I have a feeling you will really love SplitTextfield.

 

As for linking to your articles, right now the best thing would be to just post in our forums (which have very high Google page rank).

We have a dedicated thread for GSAP Javascript tutorials which gets a good deal of attention:

http://forums.greensock.com/topic/7281-tutorials/

 

We are launching a new site sometime soon, perhaps as interest grows we can explore more ways of working with you and more of our non-English speaking global audience.

 

Please keep in touch. Enjoy the Shockingly Green Goodies. Thanks again for helping spread the word.

 

Carl

 

Tags: greensock会员资格

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

房地产FLASH整站项目(测试站)

这是与某朋友合作的FLASH全站,点击这里查看

完成是我自己从头到尾写的代码。全站的基本功能都实现了:

1、从封面开始的预载入、主要数据的XML外部载入;
2、栏目切换的消息系统,栏目间的切换动画、载入进度条;子SWF的管理;
3、全屏、音乐的子功能管理;
4、主导航条动画效果与栏目切换逻辑;
5、常见的图片列表(横向滚动),全屏自适应弹窗(也带内容切换);
6、类似“社区规划”这样的有独特逻辑的子动画块。
 
因为客户方某种原因,项目没有最终正式使用。我个人还是从中得到了极大的锻炼。
 

Tags: flash整站

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

在这个我以前的帖子《两套功能强大的AS3电子书翻页程序-功能点评》中,展示了我找到的两套功能比较强的翻页电子书程序。最近我们针对其中一套,进行了比较简单的商用化定义。

 

1、用ASP+ACCESS写了后台,可对电子书的参数、书页文件进行动态化管理。
2、几乎不用改任何东西,即可直接移植到我们客户的ASP(ASP.NET)网站上。
3、客户由此可以不限数量的生成--新的电子书、电子杂志、说明书手册等各种在线文档的展示。
 
以下是我们的客户--“帆之都”留学培训的电子书地址及后台拷屏:
 
 

Tags: 电子书 电子杂志 flash翻页程序 asp后台

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

为何要用FLASH,何不试试PPT

前天长沙河西溁湾镇的一位幼儿英语老师,Y老师,通过我工作室的网上宣传找到我。希望我帮她开发一套“幼儿学单词课件”。课件形式还算简单,基本就是:

1、先展示几个单词(与音频同步);
2、句型(音频同步)
3、情景儿歌(视频)。
 
我首先跟Y老师确定的问题,就是这套课件到底是用于电脑播放,还是DVD视频播放。因为后者是不能交互的,只能进行线性播放。而电脑播放(FLASH课件),可以章节控制,可以进行小节间的跳转等。最大的好处,是可以做成库的形式。老师可以很灵活的增加内容。
当然,我也跟她说了开发成本。稍复杂的课件体系,需要我们用AS3编程+XML来组织数据,所有的播放内容(包括单词、配图和语音),则由老师自行制作。此次工作量初步估算,可能要2000-5000元。Y老师说回去考虑一下。
今天,她给我打来电话,说她那里的外教老师可以用PPT来达到效果,我特别提醒她,PPT是否方便形成自播放的Exe文件?她征求了外教意见后说,PPT2010好象提供了这个功能。我补充说,如果打算形成视频DVD播放文件,可以考虑用屏幕录制软件。
 
至此,这个需求,算是找到了相对完美而廉价的解决方案。这跟我自己的观念一致,不是所有制作都需要用FLASH来解决问题。我经常问客户的话就是:
 
“为什么不试试PPT?"---客户能解决问题就好,我赚不赚钱,是次要的。

Tags: PPT

分类:培训与招聘 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5338

转:小米招高端WEB设计师 20K~40K/月,需要大神级设计师!看身边有没有朋友要转平台的,上午10、11点上班都可以,晚上大概8.9点下班!

分类:培训与招聘 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4854

九宫格FLASH导航菜单[源码下载]

 功能点包括:

1、九个区块的位置坐标自定义
2、鼠标效果,通过2张背景底图搞定
3、链接自定义
4、自动循环点亮菜单子区块,当鼠标指上去时可暂停
 
用到了greensock.TweenMax以及greensock.TimelineMax;

Tags: 九宫格导航 源代码

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

与长沙某3D设计公司合作烟花展示系统

 长沙这家公司通过网上找到我,他们的特长是可以用3d技术展示画面,比如可以很形象的模拟烟花的燃放效果。我看了他们的演示,真的很牛!并且生成的PNG图片序列,也可以直接导入到FLASH中使用。

我的强项是可以使用timeline的时间线控制,这样就可以把单独的烟花展示,组合成播放序列,以达到真实模拟一场“烟花晚会”的效果。然后再把这些元素,用XML形成数据文件,以便于未来使用数据库进行控制。这样可以形成真正实用的软件系统,为烟花企业提供播放展示服务.....

查看更多...

Tags: 烟花展示FLASH 时间线控制

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

这次合作说起来就比较有意思了。一外地网友在flash群里询问如何用As3框架调用as2生成的动画。我偶有闲心回了几句,让他注意几个问题。

但后来问题还是没有解决,这哥们直接跟我聊天,我让他们把源文件传过来看了看。这个动画他们是网上直接反编过来的,直接改解决不了问题了。只能重新写过。最搞笑的是,这哥们说他这段动画过年时就开始研究,到现在还没搞出名堂来。

我不禁生了好胜之心。加上最近写IPAD项目,对于这种滚动动画有些心得。于是我让他付给我一点小钱,我来挑战一下。原来计划可能要个3-5天才能完成所有细节。没料到一写下来,一个晚上就解决了战斗。功能点包括:正反双向无间断图片滚动、大图弹框及关闭、图片外部调用、定时器滚动、手动滚动、手动滚动时预约定时开启、鼠标跟随、删除缓动等。算是把tweenMax的主要功能全过了一次。

很开心的交了货,第二天早上七点多,突然想起忘了写自动滚动部分,吓了一跳。赶紧开始加,没想到一共也就加了二三句代码--函数规划得好,思路很清晰,改起来飞快。

最后还发现一两处疏忽,但疏忽也就仅仅是疏忽。写代码的都知道,最怕的是碰上想不通的逻辑或是不明来历的错误,只要没有碰上这两点,其它都不是问题。

 

很开心,不知不觉中,内功又长进了。

Tags: AS3 横向滑动 产品展示

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