lujieting0

2018年12月1日

摘要： <input type="button" value="点击" id="bt"/><div id="dv"></div><script src="commer.js"></script><script> var arr=[ {name:"百度",href:"http://www.baidu.com" 阅读全文

posted @ 2018-12-01 17:59 lujieting0 阅读(253) 评论(0) 推荐(0)

2018年11月30日

创建动态列表

摘要： <input type="button" value="点击" id="btn"/><div id="dv"></div><script src="commer.js"></script><script> var kungfu=["降龙十八掌","黯然销魂掌","九阴真经","如来神掌","吸星大法阅读全文

posted @ 2018-11-30 21:18 lujieting0 阅读(315) 评论(0) 推荐(0)

元素创建的三种方式

摘要：    <script src="commer.js"></s 阅读全文

posted @ 2018-11-30 21:15 lujieting0 阅读(348) 评论(0) 推荐(0)

全选和不选的实现

摘要： <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border: 1px s 阅读全文

posted @ 2018-11-30 21:11 lujieting0 阅读(163) 评论(0) 推荐(0)

封装节点兼容代码

摘要： <ul id="uu"> <li>第一个</li> <li>第二个</li> <li>第三个</li> <li>第四个</li> <li>第五个</li></ul><script src="commer.js"></script><script> function getFirstElementCh 阅读全文

posted @ 2018-11-30 21:08 lujieting0 阅读(243) 评论(0) 推荐(0)

点击按钮修改背景颜色及节点操作隔行变色案例

摘要： <input type="button" value="点击设置" id="dtn"/><div id="dd"> <span>这是一个span</span> <p>这是一个p</p> <span>这是一个span</span> <p>这是一个p</p> <span>这是一个span</span> 阅读全文

posted @ 2018-11-30 21:07 lujieting0 阅读(595) 评论(0) 推荐(0)

12行代码的相关节点

摘要： //父级节点console.log(ulObj.parentNode);//父级元素console.log(ulObj.parentElement);//子节点console.log(ulObj.childNodes);//子元素console.log(ulObj.children);console 阅读全文

posted @ 2018-11-30 21:04 lujieting0 阅读(219) 评论(0) 推荐(0)

tab切换案例

摘要： <style> * { margin: 0; padding: 0; } ul { list-style-type: none; } .box { width: 400px; height: 300px; border: 1px solid #ccc; margin: 100px auto; ove 阅读全文

posted @ 2018-11-30 21:00 lujieting0 阅读(163) 评论(0) 推荐(0)

鼠标经过放大二维码

摘要： <style> .nodeSmall { width: 50px; height: 50px; background: url(../img/bgs.png) no-repeat -159px -51px; position: fixed; right: 10px; top: 40%; } .erw 阅读全文

posted @ 2018-11-30 20:59 lujieting0 阅读(409) 评论(0) 推荐(0)

美女相册案例

摘要： <style type="text/css"> body { font-family: "Helvetica", "Arial", serif; color: #333; background-color: #ccc; margin: 1em 10%; } h1 { color: #333; bac 阅读全文

posted @ 2018-11-30 20:58 lujieting0 阅读(719) 评论(0) 推荐(0)

公告