js心得
关注
分享
扫一扫
我想要那只猫
没有简介
展开
-
JS之阻止冒泡事件
–>原创 2019-04-04 22:54:17 · 97 阅读 · 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 · 183 阅读 · 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 · 224 阅读 · 0 评论 -
缓动模型（页面中一直处于底部的广告页）也可以自己修改到别的地方
注意：函数startMove（）的参数是运动终点位置这个运动函数框架可以单独拿出来在任何地方使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...原创 2019-04-13 10:29:53 · 144 阅读 · 0 评论 -
宽度和高度的值
网页可见区域宽： document .body.clientWidth;网页可见区域高： document .body.clientHeight;网页可见区域宽： document .body.offsetWidth (包括边线的宽);网页可见区域高： document .body.offsetHeight (包括边线的宽);网页正文全文宽： document .body.scroll...转载 2019-04-12 22:02:01 · 157 阅读 · 0 评论 -
运动框架优化（第二版）
这次只需要输入结束点坐标target。 向左向右需要更改left为rightfunction startMove(target){ //清除之前的计时器 clearInterval(timer); if(box.offsetLeft > target){ speed = -10...原创 2019-04-12 10:28:06 · 136 阅读 · 0 评论 -
基本的运动框架
**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; } ...原创 2019-04-12 10:16:56 · 177 阅读 · 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 · 207 阅读 · 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 · 123 阅读 · 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 · 227 阅读 · 0 评论