01 - 初探JavaScript魅力
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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魅力的主要内容,如果未能解决你的问题,请参考以下文章
19 01 11 javascript ?????????????????????(???????????????) ??????????????????????????????(代码片段