首页 > 代码库 > 01 - 初探JavaScript魅力

01 - 初探JavaScript魅力

网页特效原理

用JavaScript修改样式

编写JS的流程

布局:HTML+CSS

属性:确定要修改哪些属性

事件:确定用户做哪些操作(产品设计)

编写JS:在事件中,用JS来修改页面元素的样式

鼠标移入移出效果

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><style>#div1 {width:200px; height:100px; background:#CCC; border:1px solid #999; display:none;}</style><script>window.onload=function(){    var oIput=document.getElementById("input1");    var oDiv=document.getElementById("div1");    oIput.onmousemove=function(){        oDiv.style.display=block        };        oIput.onmouseout=function(){        oDiv.style.display=none        }            }</script></head><body><input type="checkbox" id="input1" /><div id="div1">    为了您的信息安全。。。。</div></body></html>

function 函数名()

{
代码
}

 函数名()  //函数调用执行

01 - 初探JavaScript魅力