2016年5月27日
下拉列表
摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } .left{ width: 300px; border: 1px soli 阅读全文
posted @ 2016-05-27 23:10 罗坤 阅读(82) 评论(0) 推荐(0) 编辑
二级联动
摘要： <body> <select id="province"></select> <select id="city"></select> <script type="text/javascript"> (function(){ var provinceAry = ["四川","广东","湖南"]; va 阅读全文
posted @ 2016-05-27 22:55 罗坤 阅读(157) 评论(0) 推荐(0) 编辑
2016年5月21日
图片轮播
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"></head><body> <div><img id="tu" src="lun1.jpg" width="800px" height="498px"></div> <input 阅读全文
posted @ 2016-05-21 11:37 罗坤 阅读(121) 评论(0) 推荐(0) 编辑
留言板
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .div1{ width: 300px; height: 400px; border: 阅读全文
posted @ 2016-05-21 11:31 罗坤 阅读(107) 评论(0) 推荐(0) 编辑
2016年5月14日
节点操作
摘要： HTML DOM 节点在 HTML DOM （文档对象模型）中，每个部分都是节点：文档本身是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 注释是注释节点 换行符也是节点 节点操作object.parentNode: 获取该元素父节点 ob 阅读全文
posted @ 2016-05-14 17:07 罗坤 阅读(139) 评论(0) 推荐(0) 编辑
新增节点appendChild(node)
摘要： 创建元素节点:document.creatElement(TagName); 创建文本节点:document.createTextNode(text); <div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is an 阅读全文
posted @ 2016-05-14 17:05 罗坤 阅读(467) 评论(0) 推荐(0) 编辑
2016年5月7日
输入用户名和密码
摘要： if...else... var a=window.prompt("请输入用户名"); if (a==1){ alert("正确"); var b=window.prompt("请输入密码"); if(b==2){ alert("密码正确"); } else { alert("密码错误"); } } 阅读全文
posted @ 2016-05-07 22:09 罗坤 阅读(380) 评论(0) 推荐(0) 编辑
1+2+3+...+100的和
摘要： var i=1;sum=0; while(i<=100){ sum+=i; i++; } document.write(sum); var i=1;sum=0; do{ sum+=i; i++; } while(i<=100);{document.write(sum);} for(var i= 1, 阅读全文
posted @ 2016-05-07 22:06 罗坤 阅读(184) 评论(0) 推荐(0) 编辑
2016年4月17日
css布局
摘要： margin外边距 padding内边距：元素与border之间的可选区域，不可为负，不会重叠。 float浮动：left（right); clear：both 清除浮动 bfc（Block Formatting Context）块级格式化上下文 常见的BFC：overflow：hidden，scr 阅读全文
posted @ 2016-04-17 17:28 罗坤 阅读(90) 评论(0) 推荐(0) 编辑
2016年4月16日
蒙版
摘要： <div class="box"> <img src="" alt=""/> <div　class="mb"></div> <div> .box{ width： height： position：relative; } .mb{ width： height： position：absolute; b 阅读全文
posted @ 2016-04-16 19:54 罗坤 阅读(116) 评论(0) 推荐(0) 编辑
下一页