jquery插件-交互型网站-首页场景及大图预载-带进场动画-preloader
作者:admin 日期:2014-08-08应用于“图片数量多、体积大”页面的预加载，会给浏览者带来较好的用户体验，尤其是企业LOGO的提前显示，会让网站呈现出更完整的品牌形象。
优点：
1、未加载完成前，正式页面不显示。
2、自定义加载序列、自定义背景颜色变化、背景透明度。
3、参数灵活、调用较丰富，如以下3种加载画面方式。
4、站长dudu加入了时间线动画机制，可在加载原画面基础上，自定义更丰富的JS动画。
5、加载完毕后给出消息，方便自定义调用事件（如消隐掉加载动画、调用新的进场动画等）。
缺点：
- 进度计算，是以图片加载完成的张数（而不是字节数）来计算的，因此加载数字进程看上去不平均。
本测试范例使用的LOGO加载方式，加载过程中，调用了自定义“小光点向上飞行”的动画，为演示方便，只加载了2张大图，加载完成后，即撤去黑底，播放大图动画。
付费100元，可得到完整程序包，含技术文档，及得到站长技术支持。
本站长支付宝帐号：258754@qq.com
成功解决安装花瓣网（huaban.com）chrome插件老是失败的问题
作者:admin 日期:2014-08-06BezierPlugin插件（js/jquery）--模拟曲线贝塞尔运动、绘制曲线的实用插件
作者:admin 日期:2014-08-05昨天一个网站项目的实际需求：当点击“购买”按钮后，当前货物“飞向”侧边的购物车。设计要求，飞行轨迹必须是一条“曲线”。
----------------------------------------------------
配置信息：
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对IE系列的兼容性支持-经测试发现jquery 1.11.1都支持IE8
作者:admin 日期:2014-08-02FlashIframe-flash中子窗口形式调用网页-swf调用子窗口
作者:admin 日期:2014-07-30云彩无间断飘动及视差效果在网站中的应用
作者:admin 日期:2014-05-21http://www.zzylfz.com/这个今天刚上线的项目中，用到了一个“白云不间断向左飞动”的效果，步骤就2个：
1、制作一个边缘连续的“白云层”，要非常宽以适应较大的显示屏幕；
2、以用下JS来驱动background-position-x
- TweenMax.to($('.cloud'),97,{'background-position-x':'-2392',ease:Linear.easeNone,repeat:-1});
------------------------------------------
另外还用了一个视差效果，当鼠标左右移动时，鸽子和文字会微微的左右摆动。使用的是jquery.parallax.js这个脚本。
canvas+createjs制作满天星星旋转效果
作者:admin 日期:2014-04-07HTML世界销售地图-带交互子菜单
作者:admin 日期:2014-03-20域名注册及网站空间、微信企业站业务-我们的附加业务
作者:admin 日期:2014-03-17其实一直以来，我都代理这些业务。只不过没有广泛宣传，只给一些自己的客户及朋友使用。最近被代理商送了一个258754.hk的香港域名，还附送了一个代理站，顺便发出来宣传一下。有需要的朋友可以直接向我购买。
跟大代理商相比，我在价格上并无优势。
唯一可以自夸的，就是本地服务与诚实---立足长沙10来年，还没做过任何欺骗朋友的事。许多长沙的朋友，都在使用我提供的建站及售后服务，也得到一些小小的口碑。
+ 国际域名注册68元
+ 香港免备案主机298元送建站模板，不需设计，1小时直接成站--非常适合小企业。
+ 微信公众平台+手机微网站，800元，一步到位。
TweenMax+CSS3仿3d光环旋转特效
作者:admin 日期:2014-03-05昨天在http://browser.qq.com/mac/看到了一个很酷的光环环绕效果。查了下代码，他是用CSS3的animation做的。我对那个不太熟，今天试着用TweenMax模拟了一下，效果类似。支持IE9及现代浏览器。
一天时间，完成600多页的2013年长沙年鉴电子书，总结
作者:admin 日期:2014-02-27[转载]技术大牛提供的前端学习路径
作者:admin 日期:2014-02-25张铮铮，不攻城的前端攻城尸
CSS不能编程？用Less、Sass、Stylus、甚至直接用 Absurd，框架除了Bootstrap还有很多。JS写多了很麻烦？jQuery。移动开发？Zepto.js。结构不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter还弄了个事件驱动框架Flight。库多了要优化加载？RequireJS。
代码质量成问题？Jasmine、QUnit、Mocha做单元测试。各种浏览器都要测？用Karma。测试通过了部署还有问题？持续集成，用Travis CI。用户行为也要测？用Selenium 。样式测试还有 Viff 。觉得JS都够麻烦的？用CoffeeScript。
想做动画？Canvas或SVG还有CSS3帮忙，干掉Flash。SVG太难画？用Snap.svg。想开发游戏？用Canvas。自己写FPS太低？用框架，CreateJS.。2D太幼稚？three.js帮你用WebGL开发3D，还不够给力？asm.js让你在浏览器中拥有虚幻3引擎。
这一堆东西都要配置部署，麻烦，用Grunt，库太多？用Bower管理，项目开始要创建各种文件文件夹？用Yeoman。开源项目太多了，GitHub.上找，不会？学Git。顺便用Jekyll托管博客，不是吧还有Ruby这玩意...SASS也是Ruby写的，等等Sublime Text是Python写的，要写插件？也学一下。调试太难？用Chrome开发者工具，一堆API和功能。
光在电脑浏览器上跑不给力？移动开发HTML5，离开网络就渣了？HTML5离线应用。不如原生应用？用PhoneGap。想调用原生API？开发Firefox OS应用吧。浏览器应用也得会吧，Chrome Firefox都有自己的文档。接着是不是把后端甩了，自己来，装Node.js，所以还得学点服务器知识，想用npm管理node包？linux技巧shell神马的也得学。想前后端通吃？再看看http协议。Web精通了？node-webkit 让你可以写桌面程序了，继续学吧。
想学模块化开发？看看CommonJS和AMD规范。理解JS有偏差？看看ECMA-262，等等不知道什么时候第6版就要出了。浏览器各不相同，弄不清该怎么兼容？看看W3C标准，HTML写出来人看的懂，机器读不懂？要SEO，要支持残障人士？看HTML语义化，全会了但IE就是不支持？叫不出名字的浏览器尼玛连JS都不知道是啥？渐进增强。想一次把各种设备全搞定？响应式设计。
然后上面这些不过是一些讨巧的小技术。公司做什么业务的？了解一下行业信息。面向大众的产品？交互设计。美工不给力？UI设计。外包和咨询？设计模式、重构方法、算法、数据结构。知道软件工程吗？了解一下敏捷开发，或许还可以试试TDD、ATDD、BDD。
看了这么多东西，第一反应是不是求中文文档？学英语去吧。
这些也不过是我目前所能看到的一小部分，而且每段基本都是到了一个边界，并不是没得学了，而是继续学又是另一片天地。真心希望有人能帮我填补知识盲区。另外，我仅把一些知识点串起来，不全或不对的地方请见谅。
sublime text3-emmet自定义文件snippets.json的路径
作者:admin 日期:2014-01-19在国内的网站上几乎查不到这个问题的解决方法，特此记录一下：
Emmet.sublime-settings的snippets.json文件，是用来自定义进行emmet缩写组合的，这个文件默认是没有的，必须自己建立，文件可以在国外很多网站上下载，我分享一个：
https://github.com/emmetio/emmet/blob/master/snippets.json
而这个文件下载以后，编辑以后，应该放到以下路径：
C:\Users\Administrator\emmet\Emmet.sublime-settings
把c:换成你自己的系统盘，如果没有路径，自己建立一下。
Dreamweaver 的snippets.json路径在此：
C:\Users\your user name\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\Commands\Emmet
