欢迎光临
我们一直在努力

JavaScript实现原理

写一个JS效果的步骤:

一、先实现布局

二、实现原理

希望把某个元素移除你的视线

1.display:none;  显示为无

2.visiblility:heidden; 隐藏

3.width/height

4.透明度

5.left/top

6.拿一个白色的DIV盖住它

7.margin负值

…..有12种以上

JS如何获取元素:

1.通过ID名称来获取元素;

document.getElementById('ID名称');

2….

事件:鼠标事件、键盘事件、系统事件、表单事件

onclick 鼠标点击

onmouseover 当鼠标移入时

onmouseout 当鼠标移出去时

onmousemove 鼠标抚摸事件

onmousedown 鼠标按下时

onmouseup  鼠标弹起时

….

注意:效果一样,区别是onmousemove鼠标每动一下都重新设置一下颜色,onmouseover只在鼠标进入时设置一次背景颜色。

如何添加元素事件:

元素.事件

元素.onmouseover

函数:可以理解为命令,做一些事情~(肯定不会自动执行的)

function name(){……}

1.直接调用:name()

2.事件调用:元素.事件=函数名(这里不要加括号) 例:$Div.onclick=name;

function (){}这个格式为匿名函数

元素.事件=function(){}

window.onload=function(){};

onload 加载完以后执行…

window.onload=事情或者命令

赞(0) 打赏
未经允许不得转载:前端学习分享网 » JavaScript实现原理

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏