茶白 - 博客园

2016年12月21日

摘要： http://note.youdao.com/noteshare?id=fcd201e872e1ede16ce0057a1909f613 阅读全文

posted @ 2016-12-21 17:04 茶白阅读(100) 评论(0) 推荐(0)

2016年9月22日

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>折叠下拉效果</title> <style> *{ margin: 0; padding: 0; } .main{ width: 500px; margin: 0 阅读全文

posted @ 2016-09-22 10:21 茶白阅读(196) 评论(0) 推荐(0)

2016年4月8日

js 阻止浏览器默认行为

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body> <a href="javascript:;">aa</a> <a href="" onclick="return 阅读全文

posted @ 2016-04-08 17:06 茶白阅读(610) 评论(0) 推荐(0)

2016年4月5日

给div设置background-color: rgba(0, 0, 0, 0.2)属性，并加了css3动画--opacity动画淡出动画，之后div子元素的字体会抖一下

摘要：问题：给div设置background-color: rgba(0, 0, 0, 0.2)属性，并加了css3动画--opacity动画淡出动画，之后div子元素的字体会抖一下；解决：animation: myfirst 2s;加上animation: myfirst 2s forwards;之后阅读全文

posted @ 2016-04-05 19:33 茶白阅读(5886) 评论(0) 推荐(0)

2016年3月26日

js 遇到问题

摘要： 1）obj.style.attr 和obj.style[attr]区别； 2）window.onload一个页面只能出现一次； 3）border-radious实现实心和空心圆要点：宽度高度一样大。border-radious定为宽度的一半；阅读全文

posted @ 2016-03-26 11:19 茶白阅读(113) 评论(0) 推荐(0)

2016年3月16日

table 排序添加删除等操作

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title> <script src="move2.js"></script></head><body><div style="width: 500px; 阅读全文

posted @ 2016-03-16 17:08 茶白阅读(228) 评论(0) 推荐(0)

2016年3月2日

json对象

摘要： //数组var arr=[1,2,3,3];//json对象var obj={width:'200px',height:'200px',background:'green'}; alert(obj['height']); json可以用for..in..循环遍历阅读全文

posted @ 2016-03-02 18:46 茶白阅读(125) 评论(0) 推荐(0)

2016年3月1日

.style, .getComputedStyle(),.currentStyle区别

摘要： 1）style只能获取行间样式（写在标签里面的）；能读能写 2）currentStyle是专属ie的属性，区别他返回的是最终样式及包括行间和外链css 3）getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值;只读因此：行间样式可以直接用style；其他可用函数 v 阅读全文

posted @ 2016-03-01 10:37 茶白阅读(129) 评论(0) 推荐(0)

2016年2月29日

3个div 宽度移入移出时变化

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div变宽</title> <style> div{ width: 100px;height: 60px; background-color: green; mar 阅读全文

posted @ 2016-02-29 14:47 茶白阅读(160) 评论(0) 推荐(0)

2016年2月26日

运动 js

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>运动</title></head><body><input type="button" value="运动" id="btn"> <div id="div1" st 阅读全文

posted @ 2016-02-26 16:04 茶白阅读(109) 评论(0) 推荐(0)