本文介绍了JavaScript中的事件驱动概念及其实现方式，包括鼠标悬停显示隐藏元素等基础实例，并探讨了如何通过事件来触发页面特效，适合JS初学者。
Js初步理解入门：
理解事件驱动。
当你希望事件发生时，你需要知道它的名字，另外你还需要将其叫过来。
事例：
<body> <lable onmouseover="document.getElementById('div1').style.display='block';" onmouseout="document.getElementById('div1').style.display='none';"> <input type="checkbox" />自动登录</lable> <!--的，在css中用=号表示--> <!--加事件的位置很重要--> <!-- Js中的事件： 当...的时候 onmouseover/onmouseout alert的使用 元素获取： id document.getElementById('') --> <div id="div1"> 不要在网吧吸烟 </div> </body>
(其中 lable 标签讲选框与文字封装在一起)
1. name属性（可能通过name，也可能通过id属性来获取某一个元素，之后为其加上事件驱动。）
2. 将其叫过来：在js中，的相当于"."号， 变成相当于"="号。
onmouseover=" document.getElementById('div1').style.dispaly='block'; "
onmouseout =" document.getElementById('div1').style.dispaly='none'; "
把事件加在什么上，只有当事件发生在其上时才会有反应。
3.
属性操作+赋值(=号实现)
引号： 例如 'block' 必须加
4. 凡是在Js中用到class时，都要换成 className。
5. 网页换肤
效果原理：
通过id获取link标签，改变其href值即可！
inclick="doucument....."
知道：
需要修改哪些样式，需要给哪些东西加什么事件，加事件并写css。
6.Js中的函数：
script标签，用来放Js函数。 重复的来使用Js代码。(与css类似)
7.所有代码写在行间很乱：
一个小原则： 简化原则。(重复代码简化)
可以使用变量来定义，例如： var Div1=document.getElementById('div1');
每一个语句之间用也是用 ; 隔开。
8.Js的执行顺序：
也是按照行来执行。
总结：
- 网页特效原理：
onmouseover/onmouseout
inclick
alert
document.getElementById()
- 元素属性操作
- Js中的函数
- className
作业：
1.鼠标悬停，显示用户信息（论坛中）
2.播放列表的收缩，展开。（右上角三角符号的变化）
3.QQ网站换肤
扫一扫
1136
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
