前端开发,技术培训,动效研究,求职信息

最近被不少朋友咨询，是否能做这种手机上的场景交互型小站。特别适合微信上的病毒营销，确实看上去很炫！请用手机扫描上面大图中的任意二维码，就明白我说的是啥...

查看更多...

 刚在群里听说，长沙老牌的本土网站：长沙通因为一个帖子有问题，被关站了，于是试了一下，确实首页跳转到了：

http://www.cstong.net/cststop/index.html

现在的言论兼管是比较严呀。

某帅哥A------------------------------------  14:56:51

我们有一项目   有个页面需要做几个flash动画     我们这边自己没这方面的人做   希望找个能做这个的师哥很简单的动画

嘟嘟----------------------------------------------------  14:58:05

我现在主要是做HTML+JS动画了。FLASH倒是也能做。你说说具体要求。

查看更多...

应用于“图片数量多、体积大”页面的预加载，会给浏览者带来较好的用户体验，尤其是企业LOGO的提前显示，会让网站呈现出更完整的品牌形象。

点击查看DEMO页

优点：

1、未加载完成前，正式页面不显示。

2、自定义加载序列、自定义背景颜色变化、背景透明度。

3、参数灵活、调用较丰富，如以下3种加载画面方式。

4、站长dudu加入了时间线动画机制，可在加载原画面基础上，自定义更丰富的JS动画。

5、加载完毕后给出消息，方便自定义调用事件（如消隐掉加载动画、调用新的进场动画等）。

缺点：

- 进度计算，是以图片加载完成的张数（而不是字节数）来计算的，因此加载数字进程看上去不平均。

本测试范例使用的LOGO加载方式，加载过程中，调用了自定义“小光点向上飞行”的动画，为演示方便，只加载了2张大图，加载完成后，即撤去黑底，播放大图动画。

付费100元，可得到完整程序包，含技术文档，及得到站长技术支持。

本站长支付宝帐号：258754@qq.com

Tags: preloaderpreloader jqueryjquery

之前安装chrome的花瓣网采集工具，老是失败。发现失败的根源是：

1、自己的chrome版本过低

2、无法正常连接chrome网上商店

说白了还是国内防火墙的问题。

今天得到群友共享的新的hosts文件，成功-翻*墙，把chrome升了级，从商店中直接升级了这个插件，立马成功！

查看更多...

昨天一个网站项目的实际需求：当点击“购买”按钮后，当前货物“飞向”侧边的购物车。设计要求，飞行轨迹必须是一条“曲线”。

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

配置信息：

BezierPlugin插件可以很好的解决这个问题。这是greensock.com提供的GreenSock Animation Platform (GSAP)库的一个插件，位置在：com.greensock.plugins，我测试使用的JS有：

<script src="http://cdn.bootcss.com/gsap/1.9.7/TweenMax.min.js"></script>

<script src="http://cdn.bootcss.com/gsap/1.9.7/easing/EasePack.min.js"></script>

<script src="http://cdn.bootcss.com/gsap/1.9.7/plugins/BezierPlugin.min.js"></script>

TweenMax-tween核心库

EasePack-缓动库，如果没有特别缓动，可不加载

BezierPlugin-贝塞尔曲线库，必须

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

拟合输出曲线时代码示例--可用于绘制曲线，要结合canvas等绘制引擎：

//输入input:

var beziers = BezierPlugin.bezierThrough([{x:0, y:0}, {x:250, y:400}, {x:500, y:0}]);

//输出output:

{

x:[{a:0, b:0, c:125, d:250}, {a:250, b:375, c:500, d:500}],

y:[{a:0, b:0, c:400, d:400}, {a:400, b:400, c:0, d:0}]

}

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

曲线运动示例----结合TweenMax可直接产生曲线运动

//起点坐标不用放到代码中，以下三个点分别是第2点，第3点及终点

TweenMax.to(document.getElementById("myp"), 5, {bezier:[{left:100, top:250}, {left:300, top:0}, {left:500, top:400}], ease:Power1.easeInOut});

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

本插件还有更丰富的功能调用，比如随曲线调整角度、旋转、可拟合除了坐标之外的任何值（比如透明度、角度），详细说明如下（英文）：

http://api.greensock.com/js/com/greensock/plugins/BezierPlugin.html

经测试发现jquery 1.11.1都支持IE8，但jquery2就已经放弃了对IE6-7-8的支持。

这个小插件（flash cs6+as3）是我早两年偶然一个朋友给我的。可以直接在flash中调用网页，而且页面可以自由操作，相当于HTML中的iframe。

原作者是：

 * @author 五斗米

 * @see http://zwwdm.com

 * @date created 2012/12/24/

查看更多...

 http://www.zzylfz.com/这个今天刚上线的项目中，用到了一个“白云不间断向左飞动”的效果，步骤就2个：

1、制作一个边缘连续的“白云层”，要非常宽以适应较大的显示屏幕；

2、以用下JS来驱动background-position-x

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

另外还用了一个视差效果，当鼠标左右移动时，鸽子和文字会微微的左右摆动。使用的是jquery.parallax.js这个脚本。

canvas+createjs+tweenmax制作满天星星旋转效果,效果跟FLASH类似，但完全兼容IOS设备，已经在IPAD上做过测试。这种制作的主要目的，是为了寻找一种可以代替FLASH的动画方式。

查看更多...

Tags: canvascanvas cr&#101;atejscr&#101;atejs 星星旋转效果星星旋转效果

 2014年，网站进入HTML的节奏。为了支持IPAD等设备，网站尽量不用FLASH了。FLASH制作的世界地图（点击查看）被淘汰。

我使用HTML+JQUERY，制作了兼容性更好的世界地图。功能点如下：

• -CSS定义位置点和国旗
• -自定义下拉菜单
• -可根据要求，定制弹出菜单或是更多功能
• -这里有一个本站真实案例：http://www.fasaniceleste.it/cn/Contact.asp
• -欢迎定制，传播请保留本站域名。

Tags: HTML地图HTML地图 带交互子菜单带交互子菜单

 其实一直以来，我都代理这些业务。只不过没有广泛宣传，只给一些自己的客户及朋友使用。最近被代理商送了一个258754.hk的香港域名，还附送了一个代理站，顺便发出来宣传一下。有需要的朋友可以直接向我购买。

跟大代理商相比，我在价格上并无优势。

唯一可以自夸的，就是本地服务与诚实---立足长沙10来年，还没做过任何欺骗朋友的事。许多长沙的朋友，都在使用我提供的建站及售后服务，也得到一些小小的口碑。

+ 国际域名注册68元

+ 香港免备案主机298元送建站模板，不需设计，1小时直接成站--非常适合小企业。

+ 微信公众平台+手机微网站，800元，一步到位。

Tags: 域名注册、网站空间、微信企业站域名注册、网站空间、微信企业站

 昨天在http://browser.qq.com/mac/看到了一个很酷的光环环绕效果。查了下代码，他是用CSS3的animation做的。我对那个不太熟，今天试着用TweenMax模拟了一下，效果类似。支持IE9及现代浏览器。