迅速运动
摘要：
<div id="wrap"> <button id="btn">运动</button> <div class="box" id="box1"> </div> </div> *{ padding: 0; margin: 0; } .box{ width: 200px; height: 200px; 阅读全文
posted @ 2018-07-02 08:46 风-fmgao 阅读(82) 评论(0) 推荐(0) 编辑
获取当前时间
摘要：
setInterval(function(){ var date = new Date(); var y = date.getFullYear(); var m = date.getMonth(); var d = date.getDate(); var h = date.getHours(); v 阅读全文
posted @ 2018-07-02 08:45 风-fmgao 阅读(83) 评论(0) 推荐(0) 编辑
防淘宝搜索框
摘要：
<div id="search"> <input type="text" id="text" /> <label for="txt" id="msg">路飞学城</label> </div> *{ padding: 0; margin: 0; } #search{ position: relativ 阅读全文
posted @ 2018-07-02 08:44 风-fmgao 阅读(271) 评论(0) 推荐(0) 编辑
选项卡
摘要：
<div id="tab"> <ul> <li class="active"><a href="#">首页</a></li> <li><a href="#">新闻</a></li> <li><a href="#">图片</a></li> </ul> <p class="active">首 阅读全文
posted @ 2018-07-02 08:42 风-fmgao 阅读(130) 评论(0) 推荐(0) 编辑
点击有惊喜
摘要：
<div class="box"> 点击有惊喜！！ </div> *{ padding: 0; margin: 0; } .box{ width: 200px; height: 200px; background: red; text-align: center; color: white; lin 阅读全文
posted @ 2018-07-02 08:41 风-fmgao 阅读(202) 评论(0) 推荐(0) 编辑
简易留言板
摘要：
<h1>简易留言板</h1> <div id="box"> </div> <textarea id="msg"></textarea> <input type="button" id="btn" value="留言"/> <button onclick="sum()">统计</button> //创 阅读全文
posted @ 2018-07-02 08:41 风-fmgao 阅读(143) 评论(0) 推荐(0) 编辑
模态框案例
摘要：
<body> <button id="btn">弹出</button> </body> *{padding: 0;margin: 0;} html,body{height: 100%;} #box{width: 100%;height: 100%;background: rgba(0,0,0,.3) 阅读全文
posted @ 2018-07-02 08:40 风-fmgao 阅读(90) 评论(0) 推荐(0) 编辑
DOM操作
摘要：
在JS中，所有的事物都是节点，元素、文本等都是节点。 应用场景：可以通过节点进行DOM对象的增删改查 1.获取DOM节点的方法 //通过id获取，唯一的 var oDiv = document.getElementById('box'); //通过类名获取 var oDiv = document.g 阅读全文
posted @ 2018-07-02 08:39 风-fmgao 阅读(188) 评论(0) 推荐(0) 编辑