js练习
js练习
橘子羊
一条在前端之路上摸爬滚打的咸鱼
展开
-
拖拽
var dragDiv=document.getElementById("box"); drag(dragDiv); function drag(obj){ obj.onmousedown=function(e){ // 设置obj捕获所有鼠标按下的事件 // 只有IE支持 obj.setCapture&&obj.setCapture()..原创 2021-03-19 14:16:50 · 73 阅读 · 0 评论 -
div跟随鼠标移动
var div=document.getElementsByTagName("div")[0]; document.onmousemove=function(event){ // 兼容IE8以下 event=event||window.event; // 兼容火狐浏览器 var st=document.body.scrollTop||document.documentElement.scroll.原创 2021-03-18 16:42:52 · 85 阅读 · 0 评论 -
添加与删除
结构: <table border="1"> <tr> <th>Name</th> <th>Email</th> <th>Salary</th> <th></th> </tr> <tr> <td原创 2021-03-18 12:29:24 · 160 阅读 · 0 评论 -
全选练习
结构部分: <div id="container"> <p>你爱好的运动是?</p> <input type="checkbox" name="aon" id="aon" value="全选/全不选">全选/全不选<br> <input type="checkbox" name="hobby" id="football" value="足球">足球 <input ty原创 2021-03-17 15:31:36 · 62 阅读 · 0 评论 -
轮播图(点击按钮切换)
结构部分: <div id="container"> <p></p> <img src="./img/img1.jpg" alt=""> <div class="btn"> <button>上一张</button> <button>下一张</button> </div>原创 2021-03-17 13:26:28 · 1424 阅读 · 0 评论