您的位置:首页 > Web前端 > JavaScript

JavaScript——鼠标点击事件

2017-06-22 22:03 288 查看
//第一个盒子
<div id="box1"><a href="###">点击我出现蓝盒子</a></div>
//第二个盒子
<div id="box2"></div>
//javascript脚本
      <script type="text/javascript">
var a = document.getElementsByTagName('a')[0],
box2 = document.getElementById('box2'),
flag = 1;
a.onclick = function () {
if(flag){
box2.style.display = 'block';
flag = 0;
}else {
box2.style.display = 'none';
flag = 1;
}
}
</script>
//样式如下
[code]
<
style
 
type
=
"text/css"
>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 点击事件