写一个js效果的步骤:
- 先实现布局;
- 了解动画实现的原理;
- 了解js语法;
js如何获取元素?
document.getElementById(‘link’)
事件
- 鼠标事件:
onclick
onmouseover
onmouseout
onmousemove //鼠标的抚摸事件
onmousedown
onmouseup
- 键盘事件;
- 系统事件:
onload //加载完了html代码后再执行script脚本
- 表单事件;
- 自定义事件:原生没有,我们得自己做。
如何添加事件?
就像酱紫:元素.onmouseover
函数
即命令,做一些事儿。
function abc(){
……//不会主动执行
}
- 直接调用:
abc();
- 事件调用:
元素.onmouseover=abc;//千万不要加括号
- 匿名调用:
元素.onmouseover=function(){};
测试
初学者要保持随时写,随时测的习惯。
alert(1);//带一个确定按钮的警告框
alert(‘okhahaha’);
document.getElementById(‘link’)
太长?用变量!
var hahaha=document.getElementById(‘link’);
希望把某个元素移出你的视线?
display:none;//消失了,不占地儿
visibility:hidden;//只是隐藏了,还是占地儿
- 改变宽高:配合js可以实现生长动画效果;
- 改变透明度:配合js可以实现淡入淡出动画效果;
- 改变绝对定位;
- 拿一个白色的div遮住它:甚至可以实现水滴回缩效果;
- margin负值;
原文地址:https://www.cnblogs.com/endymion/p/9172417.html
时间: 2024-10-06 15:09:15