07 2019 档案

JS === 面向对象 总结
摘要：创建对象 1.工厂模式 function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.nam 阅读全文
posted @ 2019-07-22 23:05 小兔子09 阅读(188) 评论(0) 推荐(0)
JS === Download 模态框
摘要：a)页面初始只有一个button，上面显示文字【start Download】 b)点击button后，button文字变为【Downloading】,并弹出模态对话框 模态对话框的body部分，显示下载进度的文字表示【Current Progress】和进度条表示（文字和进度条的进度要一致）but 阅读全文
posted @ 2019-07-20 14:24 小兔子09 阅读(286) 评论(0) 推荐(0)
JS === 实现简易调色板
摘要：解题思路： 滑动条滚动的距离即坐标的值 rgb 颜色的值 1.滑动条的距离 鼠标移动的距离 + offsetLeft == 现在的坐标值 》 即为 rgb的颜色值 2.滑动多少 背景色是多少 *最开始没有想出来* 在上面又添加一个div，专门用来显示背景色，而背景色显示到哪里，是根据我的滑动块滑动到 阅读全文
posted @ 2019-07-17 23:19 小兔子09 阅读(3069) 评论(0) 推荐(0)
JS === 关于getElementsByClassName()
摘要：//练习：封装一个函数，兼容所有浏览器，通过类名取得标签。 //xxx.getElementsByClassName() IE8及以前的浏览器不兼容，定义一个函数，来实现这个功能 第一种 == 类名里面 只有一个 结构： <div class="red"></div> <div></div> <di 阅读全文
posted @ 2019-07-14 17:25 小兔子09 阅读(1155) 评论(0) 推荐(0)
JS === 简易放大镜
摘要：<!DOCTYPE html><html> <head> <title></title> <style> .box{width: 1000px;height: 600px;border:1px solid #ccc;margin:50px auto;} .small{float: left;widt 阅读全文
posted @ 2019-07-14 15:56 小兔子09 阅读(352) 评论(0) 推荐(0)
JS === 拖拽盒子
摘要：样式： .box{width:300px;height: 300px;background:pink;position: absolute;user-select: none} //大盒子 == user-select : 取消了用户选中文本 .title{width: 100%;height: 5 阅读全文
posted @ 2019-07-13 22:25 小兔子09 阅读(470) 评论(0) 推荐(0)
JS === 实现多个光标跟随事件
摘要：JS 实现多个光标跟随事件 样式： <style> div{width:50px;height:50px;background:red;position:absolute} </style> 结构: <div>1</div> <div>2</div> <div>3</div> <div>4</div 阅读全文
posted @ 2019-07-11 23:42 小兔子09 阅读(804) 评论(0) 推荐(0)
JS === 实现回到顶部
摘要：JS 实现点击回到顶部 样式： body{height:10000px} // 产生滚动条 .go-2-top{width:50px; height:50px;background:red;cursor:pointer;position:fixed;right:20px;bottom:20px;di 阅读全文
posted @ 2019-07-05 23:32 小兔子09 阅读(4156) 评论(0) 推荐(1)
JS === 实现通过点击td 跳转相应的图片
摘要：JS 通过点击每个td 实现 跳转图片 样式： .focus{background:#0f0} 结构： <td class = "focus"></td> <td></td> <td></td> <img src = "img/1.jpg " > // 在img下面有三张图片分别是 1.jpg 2. 阅读全文
posted @ 2019-07-05 22:50 小兔子09 阅读(1343) 评论(0) 推荐(0)