晨落梦公子

2016年9月29日

摘要：前言：网上有很多很好的例子，我这里只是记下自己的理解和感悟先看下浮动：代码：效果：如图，子元素跑到父级元素外面去了（大逆不道！）下面我就替天行道，劝说：（不常用）效果：告诉他们父亲：（难以实现下面图片的效果，头像溢出了，隐藏就没了╮(╯▽╰)╭）代码：直接硬扛：阅读全文

posted @ 2016-09-29 12:05 晨落梦公子阅读(182) 评论(0) 推荐(0) 编辑

滚动条

摘要：前言：一个关于滚动条的小练习，包括显示滚动条的位置，置顶，置底阅读全文

posted @ 2016-09-29 11:21 晨落梦公子阅读(129) 评论(0) 推荐(0) 编辑

分享侧栏例子

摘要： 1 2 3 4 5 分享 6 40 41 42 43 44 45 46 47 阅读全文

posted @ 2016-09-29 11:17 晨落梦公子阅读(106) 评论(0) 推荐(0) 编辑

最最最简单的轮播图(JQuery)

摘要： html: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 <script src="js/jquery-3.1.0.js"></script> 7 <link 阅读全文

posted @ 2016-09-29 09:01 晨落梦公子阅读(1271) 评论(0) 推荐(0) 编辑

2016年9月24日

3D动画

摘要：先上一道菜 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 #box { 8 position: relative; 9 top: 15 阅读全文

posted @ 2016-09-24 17:07 晨落梦公子阅读(612) 评论(0) 推荐(0) 编辑

一些简单css3效果的整理

摘要：代码： html: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="style.css"> 7 < 阅读全文

posted @ 2016-09-24 16:12 晨落梦公子阅读(503) 评论(0) 推荐(0) 编辑

等待条

摘要：代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>等待条</title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0 10 } 11 12 c 阅读全文

posted @ 2016-09-24 16:03 晨落梦公子阅读(216) 评论(0) 推荐(0) 编辑

向html中添加节点

摘要：简单： ①，js中： ②，jQuery中：进化：实现向ul中添加节点3个li,且每个li中还有四个div,即 ①，js（进化） js（超进化）这样的好处：加快了页面加载的速度，毕竟少了个循环╮(╯▽╰)╭ 注意点：这里是innerHTML+= 不是innerHTML=，原因：innerHTML 阅读全文

posted @ 2016-09-24 15:44 晨落梦公子阅读(4262) 评论(0) 推荐(0) 编辑

2016年9月19日

setInterval小问题

摘要：先看下面代码：运行效果是输出了三次3，而要想输出1,2,3,可改进代码为：效果：简要说一下鄙人拙见：第一个代码出现三次，3，的原因是，for循环时间远小于1000毫秒，所以for循环完了，计时器才运行的，获取的就是三次3. 第二个代码：添了个闭包函数，当i每次累加的时候先执行下计时器，当等阅读全文

posted @ 2016-09-19 19:23 晨落梦公子阅读(278) 评论(0) 推荐(0) 编辑

canvas实现绘画

摘要： html代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0; 10 } 阅读全文

posted @ 2016-09-19 19:06 晨落梦公子阅读(753) 评论(0) 推荐(0) 编辑

公告