摘要: div跟随鼠标移动 <body style="width: 2000px;height: 1000px;"> <div id="box1" style="width: 100px;height: 100px;background-color: red;position: absolute;"></d 阅读全文
posted @ 2021-03-20 18:04 yuanliy 阅读(41) 评论(0) 推荐(0) 编辑
摘要: <button>动画</button> <div class="box" style="left:0px;position: absolute; width: 100px;height: 100px;background-color: pink;"></div> <script> var btn = 阅读全文
posted @ 2021-03-20 18:03 yuanliy 阅读(113) 评论(0) 推荐(0) 编辑
摘要: <style> input{ display: block; } </style> <body> <ul><input type="text"><input type="text"><input type="text"><input type="text"></ul> </body> var inp 阅读全文
posted @ 2021-03-20 18:01 yuanliy 阅读(48) 评论(0) 推荐(0) 编辑
摘要: <body> <a href="">点我打开一个新的页面</a> <a href="">点我关闭本页面</a> </body> var a1 = document.getElementsByTagName('a')[0] var a2 = document.getElementsByTagName( 阅读全文
posted @ 2021-03-20 18:00 yuanliy 阅读(34) 评论(0) 推荐(0) 编辑
摘要: <style> .box { width: 300px; height: 200px; padding-top: 100px; background-color: pink; margin: 100px; text-align: center; font: 18px/30px '宋体'; curso 阅读全文
posted @ 2021-03-20 17:59 yuanliy 阅读(54) 评论(0) 推荐(0) 编辑
摘要: <body> <button> 运动200 </button> <button>运动400</button> <div style="width: 100px;height: 100px;background-color: pink;position: absolute;"></div> </bod 阅读全文
posted @ 2021-03-20 17:57 yuanliy 阅读(28) 评论(0) 推荐(0) 编辑
摘要: <body> <table style="width:600px;" border="1" cellspacing="0" cellpadding="0"> <tbody id="tbody"> <tr> <td>序号1</td> <td>张三</td> <td>28</td> <td>保定</td 阅读全文
posted @ 2021-03-20 17:56 yuanliy 阅读(4) 评论(0) 推荐(0) 编辑
摘要: <style> *{ margin: 0; padding: 0; } .content{ width: 100%; height: 100%; overflow-y: scroll; } #box{ width: 100%; height: 3000px; } #btn{ width: 150px 阅读全文
posted @ 2021-03-20 17:55 yuanliy 阅读(10) 评论(0) 推荐(0) 编辑
摘要: <body> <ul id="parent-list"> <li><a href="javascript:;" class="my_link">超链接一</a></li> <li><a href="javascript:;" class="my_link">超链接二</a></li> <li><a 阅读全文
posted @ 2021-03-20 17:54 yuanliy 阅读(27) 评论(0) 推荐(0) 编辑