随笔分类 -  HTML5

离不开javascript,新表单验证,音视频处理,canvas,svg,Two.js,Geolocation(地理定位插入地图)拖放API
摘要:HTML+CSS+JS实现俄罗斯方块完整版,素材只有图片,想要的下载图片按提示名字保存,css中用的时候注意路径!!主要在JS中!JS附有详细注释效果:按键提示:[键盘按键]素材:图片名字与代码里对应 1、背景图片:tetris.png 2、失败时候的弹出框图片:game-over.png ... 阅读全文
posted @ 2015-11-26 00:30 逗伴不是瓣 阅读(3399) 评论(0) 推荐(0)
摘要:最终效果如下图-2,有bug:就是整数后点击%号结果正确,如果小数后面点击%的话结果就错误!其他都正常,求指点:input的value是string类型的,在JS中改如何正确处理下图-1中的if部分??图-1图-2HTML代码如下 简单的计算器 @walker ... 阅读全文
posted @ 2015-11-25 23:51 逗伴不是瓣 阅读(33845) 评论(11) 推荐(3)
摘要:* Canvas(画布) * 基本内容 * 简单来说,HTML5提供的新元素 * Canvas在HTML页面提供画布的功能 * 在画布中绘制各种图形 * Canvas绘制的图形与HTML页面无关 * 无法通过DOM获取绘制的图形 * 无... 阅读全文
posted @ 2015-11-25 23:05 逗伴不是瓣 阅读(1164) 评论(0) 推荐(0)
摘要:* 音视频处理 * 视频处理 * 基本内容 * 使用Flash技术处理HTML页面中的视频内容 * 包含音频、动画、网页游戏等 * 特点 * 浏览器原生不支持(IE浏览器要求安装ActiveX组件) * 性能不好(不能过多地使用) * 智... 阅读全文
posted @ 2015-11-25 23:03 逗伴不是瓣 阅读(787) 评论(1) 推荐(0)
摘要:* SVG * 基本内容 * SVG并不属于HTML5专有内容 * HTML5提供有关SVG原生的内容 * 在HTML5出现之前,就有SVG内容 * SVG,简单来说就是矢量图 * SVG文件的扩展名为".svg" * SVG使用的是XML语... 阅读全文
posted @ 2015-11-25 22:57 逗伴不是瓣 阅读(2715) 评论(0) 推荐(0)
摘要:默认值:inline适用于:所有元素继承性:无动画性:否none:隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间inline:指定对象为内联元素。block:指定对象为块元素。list-item:指定对象为列表项目。inline-block:指定对象为内联... 阅读全文
posted @ 2015-11-24 23:09 逗伴不是瓣 阅读(455) 评论(1) 推荐(0)
摘要:众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利。随着web继续不断地发展,对于新技术新解决方案的要求也会不断增长。因此,作为网页设计师和前端开发人员,我们别无选择,必须熟悉我们手上的工具,做到知己知彼,这样才能百战不殆。这就意味着有那么些个特别的货... 阅读全文
posted @ 2015-11-22 19:15 逗伴不是瓣 阅读(308) 评论(0) 推荐(0)
摘要:图标网站https://www.iconfinder.comhttp://www.flaticon.com/渐变选择器http://sc.chinaz.com/jiaobendemo.aspx?downloadid=1493221433405在线配色器http://sc.chinaz.com/jia... 阅读全文
posted @ 2015-11-22 18:38 逗伴不是瓣 阅读(770) 评论(0) 推荐(0)
摘要:对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。一般我们用表格的时候总会给它个border属性,比如:,其效果如下:对于很多初学HTML的人来说,表格是最常... 阅读全文
posted @ 2015-11-22 16:35 逗伴不是瓣 阅读(2977) 评论(0) 推荐(0)
摘要:这里展示白色半透明气泡如下图:实际是动态思路:HTML里只需要一个CANVAS元素,Javascript里操作canvas1、给canvas里绘制背景图片2、在绘制半径为0-10px的圆形,x坐标屏幕水平随机,y所标竖直大于屏幕高度。 圆形背景色可以是随机。那就是各种色彩了! 利用计时器控制y-... 阅读全文
posted @ 2015-11-22 15:04 逗伴不是瓣 阅读(548) 评论(0) 推荐(0)
摘要:上一个demo效果没出来!实际如下代码没问题。不知道为啥,展示的demo里光标获取焦点的时候不会有如下效果 阅读全文
posted @ 2015-11-22 14:38 逗伴不是瓣 阅读(368) 评论(0) 推荐(0)
摘要:1 2 3 4 5 6 7 8 9 HTML5&CSS3经典动态表格 10 105 106 107 108 109 110 用户注册111 ... 阅读全文
posted @ 2015-11-22 13:57 逗伴不是瓣 阅读(1935) 评论(1) 推荐(0)
摘要:师傅说:网页=内容(HTML)+表现(CSS)+行为(JAVASCRIPT)JAVASCRIPT=ECMAscript+DOM+BOM学历这么久,学完HTML+CSS入门感觉还行,学完CSS3感觉有意思,挺好玩,学完JAVASCRIPT,感觉这玩意好神奇啊。原来每天屏幕上看到的东西就26个字母和阿拉... 阅读全文
posted @ 2015-11-21 16:30 逗伴不是瓣 阅读(244) 评论(0) 推荐(0)
摘要:网页=内容(HTML)+表现(CSS)+行为(JAVASCRIPT) 阅读全文
posted @ 2015-11-21 15:48 逗伴不是瓣 阅读(239) 评论(0) 推荐(0)