今天写的是flash的大作业
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>flash大作业</title>
<!-- 引用字体图标 -->
<link rel="stylesheet" href="fonts/font.css">
<link rel="stylesheet" href="6.css">
</head>
<body>
<div class="container">
<div class="left-box">
<ul>
<li class="item active" id="1">
<i class="icon icon-file"></i>
划船
</li>
<li class="item">
<i class="icon icon-album"></i>
纸飞机
</li>
<li class="item">
<i class="icon icon-like"></i>
苹果树
</li>
<li class="item">
<i class="icon icon-vault"></i>
过年
</li>
</ul>
</div>
<div class="right-box">
<div style="display: block">
<object data="划船.swf" width="1000px" height="700px"></object>
</div>
<div style="display: none">
<object data="纸飞机.swf" width="1000px" height="700px"></object>
</div>
<div style="display: none">
<object data="苹果树.swf" width="1000px" height="700px"></object>
</div>
<div style="display: none">
<object data="过年.swf" width="1000px" height="700px"></object>
</div>
</div>
</div>
<script src="120.js"></script>
<script>
var lis=document.querySelector('ul').querySelectorAll('li');
var divs=document.querySelector('.right-box').querySelectorAll('div');
for(var i=0;i<lis.length;i++){
lis[i].setAttribute('index',i);
lis[i].onclick=function(){
for(var i=0;i<lis.length;i++){
lis[i].className='';
}
this.className='item active';
var index=this.getAttribute('index');
for(var i=0;i<divs.length;i++){
divs[i].style.display='none';
}
divs[index].style.display='block';
}
}
</script>
</body>
</html>
标签：11,23,每日,flash,querySelector,var,document From： https://www.cnblogs.com/cinan/p/17860094.html