html5
文章平均质量分 78
wukongk
执着,无耐心。
展开
-
html5新内容
新增的结构标签section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:HTML5中……;HTML4中 ……。 article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。原创 2016-04-17 19:56:24 · 370 阅读 · 0 评论 -
利用视觉差实现图片滑动
今天看了别人写的图片滑动,看起来很酷,读源码时,似乎有些困难,就模仿着写了一个,实现的效果与原网页相同,不过自己的js代码,逻辑简单,有待改进。ps:前两天写了旋转木马,那个兼容性不好,今天写这个网页的时候,也是按照这个思路,在谷歌浏览器上运行很好,火狐很多功能不能实现,由于wrap——panel使用了绝对定位,就将translate平移改为了left。改动后,各个浏览器运行的效果不错原创 2016-05-07 18:14:25 · 1153 阅读 · 0 评论 -
京东分类栏
今天把京东的分类栏给扒下来了,js部分是我自己写的,我不知道除了onmouseover和onmouseout之外,是否还有其他的方法,等以后遇到,会再来补充。html部分: 全部商品分类 家用电器 > 手机、数码、京东通信 >原创 2016-05-18 14:42:51 · 1596 阅读 · 0 评论 -
利用Canvas+js实现贪吃蛇(4)
将贪吃蛇改造成面向对象,类似插件的东西。过程中,要把握好this的指向,因为这个,调试了好大会将randFood进行了修正,添加了一个配置参数与默认参数合并方法,其他的都还是一样的。html代码没有改,在第一篇文章里代码附上:function tanchishe(options) { this.canvas = options.canvas; this.sp原创 2016-06-25 13:54:25 · 1441 阅读 · 0 评论 -
lineheight使图片多行文字垂直居中
多行文字垂直居中html部分: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo voluptatum beatae officiis doloribus culpa et autem velit voluptatem quidem non, tempora, pariatur veritatis转载 2016-06-27 19:37:17 · 542 阅读 · 0 评论 -
利用Canvas+js实现贪吃蛇(1)
今天想写一个贪吃蛇的页面,于是就选择了Canvs,不过只实现蛇身的长度是1的情况,对于蛇身大于2的情况,我还没想出来 如何绘制蛇,等查资料后,再来实现下面是源码部分:html: score:0js部分:window.onload = function() { var canvas = document.getElementById('my原创 2016-06-12 21:04:29 · 3320 阅读 · 0 评论 -
利用Canvas+js实现贪吃蛇(2)
相比1 来说,增加了,以下功能:1、蛇每次一次食物,蛇身就增加 1。 2、吃一次食物,速度就加快20毫秒 未实现:蛇头碰到蛇身时,游戏结束。。。。bug:在它向上移动时,按 向下键,身体出问题了,不过 不影响继续游戏 。。同理,上下左右都有这个问题参数:var canvas = document.getElementById('myCanvas'),原创 2016-06-19 12:06:42 · 635 阅读 · 0 评论 -
利用Canvas+js实现贪吃蛇(3)
想了想,蛇向下走的时候按上键,如何直接将蛇头变蛇身,好像不符合常理,所以处理这种情况,应当做蛇头碰到蛇身。。另外,实现蛇头碰蛇身的功能界面就不美化了。。。下一步就是封装成面向对象的插件了。。。附上js代码window.onload = function() { var canvas = document.getElementById('myCanvas'),原创 2016-06-23 14:29:25 · 1019 阅读 · 0 评论 -
css+js实现图片反转效果
一个图片,点击图片图片反转180deg后,出现图片的简介 html部分 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem aliquid laboriosam a ipsam ducimus ea nobis officiis dignissimos co原创 2016-07-16 12:23:11 · 5172 阅读 · 0 评论