JS中這一行代碼老是提示 缺少分號錯誤 這是為什么呢
lis[i].onmouseout?=?fucntion(){???JS中這一行代碼老是提示?缺少分號錯誤?這是為什么呢?？
檢查了很多遍??沒有缺少分號?也沒有中文狀態下的標點符號！
老師幫忙看看
<!DOCTYPE?html>
<html>
????<head>
???<!--?<meta?charset="UTF-8">?-->
<meta?name="description"?content="小清新?文藝青年的聚集地">
<title>tab手動切換</title>
????????<link?rel="stylesheet"?href="tabcss.css">
<script?src="tab.js"?type="text/javascript"></script>
</head>
<body>??
???<div?id="tab">
<div?id="tab-tit">
???<ul>
???<li><a?href="#">公告</a></li>
<li><a?href="#">規則</a></li>
<li><a?href="#">論壇</a></li>
<li><a?href="#">安全</a></li>
<li><a?href="#">公益</a></li>
</ul>
</div>
<div?id="tab-content">
???<div??id="content"?style="display:block">
<ul>
<li><a?href="#">張勇：要玩快樂足球</a></li>
<li><a?href="#">阿里2000萬馳援災區</a></li>
<li><a?href="#">旅游寶讓你邊玩邊賺錢</a></li>
<li><a?href="#">多行跟進阿里信用貸款</a></li>
</ul>
</div>
<div?id="content"?style="display:none">
<ul>
<li><a?href="#">[通知]濫發即將換新</a></li>
<li><a?href="#">[通知]比特幣嚴管啦</a></li>
<li><a?href="#">[通知]禁發商品名錄</a></li>
<li><a?href="#">[通知]商品屬性限制</a></li>
</ul>
</div>
<div?id="content"?style="display:none">
<ul>
<li><a?href="#">[聚焦]金牌賣家再起航</a></li>
<li><a?href="#">[功能]比特幣嚴管啦</a></li>
<li><a?href="#">[話題]禁發商品名錄</a></li>
<li><a?href="#">[工具]商品屬性限制</a></li>
</ul>
</div>
<div?id="content"?style="display:none">
<ul>
<li><a?href="#">張勇：要玩快樂足球</a></li>
<li><a?href="#">阿里2000萬馳援災區</a></li>
<li><a?href="#">旅游寶讓你邊玩邊賺錢</a></li>
<li><a?href="#">多行跟進阿里信用貸款</a></li>
</ul>
</div>
<div?id="content"?style="display:none">
<ul>
<li><a?href="#">張勇：要玩快樂足球</a></li>
<li><a?href="#">阿里2000萬馳援災區</a></li>
<li><a?href="#">旅游寶讓你邊玩邊賺錢</a></li>
<li><a?href="#">多行跟進阿里信用貸款</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>function $(id) {
return typeof id === 'string'?document.getElementById(id):id;
}
//頁面加載時運行函數
window.onload = tab;
function tab() {
//設置定時器及索引
var timer = null;
var index = 0;
//取出標簽及要切換的內容
var lis = $('tab-tit').getElementsByTagName('li');
var divs = $('tab-content').getElementsByTagName('div');
? ? //給每個標簽鼠標滑過的時候改變內容
for(i=0;i<lis.length;i++){
lis[i].id =i; //用來告訴滑過的是哪個li
lis[i].onmouseover = function() {
clearInterval(timer);
for(j=0;j<lis.length;j++){
lis[j].className = '';
? ?divs[j].style.display = 'none';
}
//高亮顯示當前頁簽
lis[this.id].className = 'select';
? ? divs[this.id].style.display = 'block';
}
//鼠標離開也能自動切換
lis[i].onmouseout = fucntion(){
timer = setInterval(function(){
? ? ?index++;
if(index>=lis.length){
index = 0;
}
for(j=0;j<lis.length;j++){
lis[j].className = '';
divs[j].style.display = 'none';
}
//高亮顯示當前頁簽
lis[index].className = 'select';
divs[index].style.display = 'block';
},2000);
}
}
//設置定時器
timer = setInterval(function(){
index++;
if(index>=lis.length){
index = 0;
}
for(j=0;j<lis.length;j++){
lis[j].className = '';
? ?divs[j].style.display = 'none';
}
//高亮顯示當前頁簽
lis[index].className = 'select';
divs[index].style.display = 'block';
},2000)
}
body, ul, li, a {
? ? margin: 0;
padding: 0;
}
body {
? ? font-size: 12px;
margin: 30px;
}
li {
? ? list-style: none;
}
a {
? ? text-decoration: none;
}
a:link {
? ? color: #000;
}
a:hover {
? ? color: #f00;
}
.tab {
? ? ?
? ? ?width:298px;
height: 98px;
border: 1px solid #e3e3e3;
}
.tab-tit {
? ? position: relative;
height: 27px;
}
.tab-tit ul{
? ? position: absolute;
? ? width:301px;
left:-1px;
}
.tab-tit li {
? ? border-bottom: 1px solid #e3e3e3;
? ? float:left;
padding:0 1px;
overflow: hidden;
width:58px;
height:26px;
line-height: 26px;
text-align: center;
background: #c9c9c9;
}
.tab-tit li.select {
? ? border-bottom: 0;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
padding: 0;
background: #fff;
font-weight: bold;
}
/* 內容部分 */
.tab-content ul{
? ? overflow: hidden;
}
.tab-content .content{
? ? margin: 10px 6px;
}
.tab-content ul ? li {
? ? float: left;
overflow: hidden;
height: 25px;
width: 143px;
line-height: 25px;
}
2015-06-04
function 不是?fucntion