- 博客(9)
- 收藏
- 关注
原创 使用js实现“别踩白块儿”游戏
界面如下: 点击”开始游戏“,”白格“将开始向下移动,此后再每一行上开始出现一个“黑格”,对应列上按下对应的键即可消除黑格,但不可跨行消除(即必须先消除”最近“一行上的”黑格“)(如第1列对应“D”键,第2列对应"F“键,第3列对应”J“键,第4列对应”K“键)。当然,除了可以使用键盘按键消除”黑格“外,可以使用鼠标点击除去“黑格”,这时可以跨行。当按错”键“或点击到”白
2016-01-29 11:07:01 5710
原创 使用js实现tab选项卡效果
这里提供了一种制作选项卡的思路。在制作过程中首先考虑的是html结构,元素如何摆放,此外通过这样的摆放,通过CSS样式是否可以达到我们所要的效果。最后通过js进行监听,当进行选项卡切换时,我们可以对所有内容进行隐藏,之后再对选中的内容进行显示以达到切换的效果。 效果如下: 点击“家居“可进行切换: 程序如下: 实践题 - 选
2016-01-29 10:42:49 9335
原创 javascript下的瀑布流效果
以下瀑布流效果增加了本地加载数据的功能,实际上加载更多的图片应该通过网络进行获取,这里只是进行了本地图片传送的模拟。 目录结构如下:index.html JS瀑布流效果——布局
2016-01-27 12:15:09 497
转载 Javascript异步编程之setTimeout与setInterval
转载自: http://www.cnblogs.com/tugenhua0707/p/4083475.html?utm_source=tuicool&utm_medium=referralJavascript异步编程之setTimeout与setInterval 在谈到异步编程时,本人最主要会从以下三个方面来总结异步编程(注意:特别解释:是总结,本人也是菜鸟,所以总结不好的
2016-01-25 15:33:36 643
原创 JS动画框架及案例
JS动画效果:综合——运动框架 move.js1、简单动画 1-1、速度动画 D01_share.html 1-2、透明度动画 D02_opacity.html2、缓冲动画 2-1、缓冲动画 D03_speed.html3、多物体动画 3-1、多物体动画 D04_morespart01.html D04_morespart02.html 3-
2016-01-23 19:14:10 2071
原创 CSS中父div与子div——子div有内容,父div高度却为0?
我们可能在审查网页元素时,会发现这样的一种情况:案例 HTMLAndCSS.html HTML与CSS简单页面效果实例 --> 从上面的代码来看,包含一个父div和两个子div。而子div又有高度,但是审查元素时,却发现该父div却没有高度(所以此时父div的背景色#c
2016-01-10 22:32:40 20757 1
原创 CSS中的定位——position属性
CSS定位指的是 改变元素在页面中的位置。CSS定位机制:普通流:元素按照其在HTML中的位置顺序决定排布的过程(也就是我不对元素进行定位的默认排布)浮动绝对布局CSS定位包含的属性有:属性描述position把元素放在一个静态的、相对的、绝对的、或固定的位置中top元素向上的偏移量left元素向左的偏移量
2016-01-07 15:19:39 5882
原创 CSS中的选择器优先级考虑
先来看个例子:css02.html CSS id选择器 Hello CSS 百度 Hello HTML5 这是div这是p标签 样式表 css02.css#pid span{ color: red;}#divid{ color:b
2016-01-07 11:01:35 2060
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人