会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
木兮
Powered by
博客园
博客园
|
首页
|
新随笔
|
联系
|
订阅
|
管理
上一页
1
2
3
下一页
2017年9月25日
CANVAS模仿龙卷风特效
摘要: 大学时候,有一段时间对flash比较感兴趣。去图书馆借了一本很厚很厚的falsh书籍。 翻了几页之后,就再没有往后看过。印象比较深的是作者说他用flash完成了一个龙卷风效果。 一直到现在我也没有看到那个效果。 我也曾经想过实现一下。但是大学时候的技术水平,也支撑不起这个想法。慢慢就忘记了。 偶尔间
阅读全文
posted @ 2017-09-25 15:37 木兮
阅读(2997)
评论(3)
推荐(2)
编辑
2017年9月8日
HTML+CSS画一朵向日葵
摘要: 前几天看到一张图片,倔强的向日葵。(BGM,《倔强》) 看着挺有感触,就想用CSS做一个向日葵。 最终效果图如下: 演示地址: http://suohb.com/work/sunflower.html 主要的难点就在花瓣的处理上,css暂时没有做到这样的尖角圆弧。 我想到的做法是用两个椭圆的部分弧度
阅读全文
posted @ 2017-09-08 10:18 木兮
阅读(2715)
评论(5)
推荐(3)
编辑
2017年6月15日
canvas水波纹效果
摘要: 先看效果 演示效果 自然界中水波纹效果十分麻烦,我这里只是根据水波纹的几个特性,在理想环境下模拟水波纹的扩散效果。 这里应用到的属性有:扩散、波动、折射。 扩散:很好理解,水波纹会从触发原点开始向周围扩散 波动:水波纹就一直波,在切面上观看,就是一个正弦函数的波形图 折射:光在不同介质中传播速度不同
阅读全文
posted @ 2017-06-15 18:41 木兮
阅读(1971)
评论(1)
推荐(0)
编辑
2017年3月23日
樱花的季节,教大家用canvas画出飞舞的樱花树
摘要: 又到了樱花的季节,教大家使用canvas画出飞舞的樱花树效果。 废话少说,先看效果。 演示效果地址:http://suohb.com/work/tree4.htm 查看演示效果 第一步,我们先画出一棵树的主体。 我画树的使用的原理是,定义一个起始点,从这个点开始,向一个角度移动一段距离。得到另一个点
阅读全文
posted @ 2017-03-23 18:52 木兮
阅读(5365)
评论(4)
推荐(2)
编辑
2017年2月15日
网站SEO,HTTP请求的关键数字----6
摘要: 客户端浏览器向服务器请求一个网页素材。 那么网页素材是通过什么方式,什么顺序被下载下来的呢。 我今天做了个简单的测试。 首先,准备测试文件 写一个网页,网页中引用若干的资源文件。 同一文件的不同的参数对浏览器来说,属于不同的文件。 将写好的文件放在服务器端。 然后,使用wireshark来抓取客户端
阅读全文
posted @ 2017-02-15 19:03 木兮
阅读(389)
评论(0)
推荐(0)
编辑
2017年2月14日
情人节,教大家使用css画出一朵玫瑰花。
摘要: 情人节到了,给大家来一朵高端的玫瑰花。 在网上看到的一个canvas实现的玫瑰花,效果很好,但是代码被压缩过,也没有注释,看的云里雾里的。 今天我教大脚用CSS来实现一朵玫瑰花。 先看效果 首先我们画出一个花瓣 1、画出一个长方形div,背景色设置成渐变色。 2、给四个角使用圆角,底部50%,顶部3
阅读全文
posted @ 2017-02-14 19:00 木兮
阅读(1583)
评论(3)
推荐(1)
编辑
2016年7月15日
css3绘制腾讯logo
摘要: CSS3绘制的腾讯LOGO,下边是对比图。 演示地址
阅读全文
posted @ 2016-07-15 11:18 木兮
阅读(525)
评论(0)
推荐(0)
编辑
2015年8月10日
关于js的parseInt方式在不同浏览器下的表现
摘要: 今天开发期间遇到个需求要把日期格式转换成毫秒数日期为:2015-08-10split之后使用parseInt将2015,08,10分别转化为数字格式。但是使用parseInt('08')的时候却出现了问题在默认不传基数情况下,chorme:parseInt('08')结果是8IE:parseInt(...
阅读全文
posted @ 2015-08-10 15:18 木兮
阅读(346)
评论(0)
推荐(0)
编辑
2015年3月11日
封装keyframes插件
摘要: 模仿jquery,使用简单,自动添加浏览器前缀1 var keyframes = new SHBKerframes();2 keyframes.define([{3 name:'myAnimate',4 0%:{width:100px;height:100px;transform:s...
阅读全文
posted @ 2015-03-11 09:23 木兮
阅读(197)
评论(0)
推荐(0)
编辑
2015年3月2日
模仿jquery的fileupload插件
摘要: 仅需要new一个对象,将上传后台的url和点击触发上传的元素id传给对象,就可以自从实现上传暂不支持IE 1 2 3 上传 4 5 6 7 js源码如下: 1 /** 2 *简单的文件上传 3 *@author:索洪波 4 *@qq:609690891 5 *@v...
阅读全文
posted @ 2015-03-02 15:23 木兮
阅读(279)
评论(0)
推荐(0)
编辑
上一页
1
2
3
下一页