![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js心得
我想要那只猫
没有简介
展开
-
JS之阻止冒泡事件
–>原创 2019-04-04 22:54:17 · 66 阅读 · 0 评论 -
透明度改变的例子
注意CSS中定义透明度的方式,非ie:opacity:0.5; (0-1) 之间 ie:Alpha(opacity = 50); 和上面那句效果相同 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&g...原创 2019-04-13 16:28:48 · 118 阅读 · 0 评论 -
生成一个(width)往复运动的模板
注意 由于需要使用for循环去遍历div所以初始计时器的设定类似于给div添加一个属性 在后期的传参内也需要注意这一点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <styl...原创 2019-04-13 15:45:25 · 172 阅读 · 0 评论 -
缓动模型(页面中一直处于底部的广告页)也可以自己修改到别的地方
注意:函数startMove()的参数是运动终点位置 这个运动函数框架可以单独拿出来在任何地方使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ...原创 2019-04-13 10:29:53 · 112 阅读 · 0 评论 -
宽度和高度的值
网页可见区域宽: document .body.clientWidth; 网页可见区域高: document .body.clientHeight; 网页可见区域宽: document .body.offsetWidth (包括边线的宽); 网页可见区域高: document .body.offsetHeight (包括边线的宽); 网页正文全文宽: document .body.scroll...转载 2019-04-12 22:02:01 · 130 阅读 · 0 评论 -
运动框架优化(第二版)
这次只需要输入结束点坐标target。 向左向右需要更改left为right function startMove(target){ //清除之前的计时器 clearInterval(timer); if(box.offsetLeft > target){ speed = -10...原创 2019-04-12 10:28:06 · 100 阅读 · 0 评论 -
基本的运动框架
**<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; } ...原创 2019-04-12 10:16:56 · 137 阅读 · 0 评论 -
简单的验证用户输入
<form> <input id="inp" name="userName" type="text" value="please input your username..."> <span id = 'pp'></span> <br> <br> <input type="subm...原创 2019-04-04 23:47:14 · 146 阅读 · 0 评论 -
JS之阻止冒泡事件
#box1{ width: 500px; height: 400px; margin: 0 auto; background-color: brown; } #box2{ width:400px; height: 300px; margin: 0 auto; ...原创 2019-04-04 22:56:49 · 88 阅读 · 0 评论 -
运动框架 可改变opacity width height border 等属性
obj:对象 attr:属性 target:目标 fnEnd:执行完以后执行的函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #div...原创 2019-04-15 10:01:00 · 181 阅读 · 0 评论