因為你的a1,a2,a3三個方法是寫在onload方法內(nèi)部的，外機是訪問不到的。你可以試試
方法1
<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"/>
????<title>javascript</title>
????<style?type="text/css">
????????.show?{
????????????display:?block;
????????}
????????.hid?{
????????????display:?none;
????????}
????</style>
</head>
<body>
<ul>
????<li?id="nav1">1</li>
????<li?id="nav2">2</li>
????<li?id="nav3">3</li>
????<script?type="text/javascript">
????????window.onload?=?function?()?{
????????????var?y1?=?document.getElementById("1");
????????????var?y2?=?document.getElementById("2");
????????????var?y3?=?document.getElementById("3");
????????????function?a1()?{
????????????????y1.className?=?"show";
????????????????y2.className?=?"hid";
????????????????y3.className?=?"hid";
????????????}
????????????function?a2()?{
????????????????y1.className?=?"hid";
????????????????y2.className?=?"show";
????????????????y3.className?=?"hid";
????????????}
????????????function?a3()?{
????????????????y1.className?=?"hid";
????????????????y2.className?=?"hid";
????????????????y3.className?=?"show";
????????????}
????????????document.getElementById('nav1').onmouseover?=?a1;
????????????document.getElementById('nav2').onmouseover?=?a2;
????????????document.getElementById('nav3').onmouseover?=?a3;
????????}
????</script>
</ul>
<div?class="show"?id="1">
????<ul>
????????<li>
????????????275萬購昌平鄰鐵三居?總價20萬買一居
????????</li>
????????<li>
????????????200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)
????????</li>
????????<li>
????????????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平
????????</li>
????????<li>
????????????京樓盤直降5000?中信府?公園樓王現(xiàn)房
????????</li>
????</ul>
</div>
<div?class="hid"?id="2">
????<ul>
????????<li>?40平出租屋大改造?美少女的混搭小窩</li>
????????<li>?經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生</li>
????????<li>?新中式的酷色溫情?66平撞色活潑家居</li>
????????<li>?瓷磚就像選好老婆?衛(wèi)生間煙道的設計</li>
????</ul>
</div>
<div?class="hid"?id="3">
????<ul>
????????<li>?140平出租屋大改造?美少女的混搭小窩</li>
????????<li>經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生</li>
????????<li>?新中式的酷色溫情?66平撞色活潑家居</li>
????????<li>?瓷磚就像選好老婆?衛(wèi)生間煙道的設計</li>
????</ul>
</div>
</body>
</html>方法2?
<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"/>
????<title>javascript</title>
????<style?type="text/css">
????????.show?{
????????????display:?block;
????????}
????????.hid?{
????????????display:?none;
????????}
????</style>
</head>
<body>
<ul>
????<li?onmouseover="a3()">1</li>
????<li?onmouseover="a1()">2</li>
????<li?onmouseover="a2()">3</li>
????<script?type="text/javascript">
????????window.onload?=?function?()?{
????????????var?y1?=?document.getElementById("1");
????????????var?y2?=?document.getElementById("2");
????????????var?y3?=?document.getElementById("3");
????????????function?a1()?{
????????????????y1.className?=?"show";
????????????????y2.className?=?"hid";
????????????????y3.className?=?"hid";
????????????}
????????????function?a2()?{
????????????????y1.className?=?"hid";
????????????????y2.className?=?"show";
????????????????y3.className?=?"hid";
????????????}
????????????function?a3()?{
????????????????y1.className?=?"hid";
????????????????y2.className?=?"hid";
????????????????y3.className?=?"show";
????????????}
????????????//以下幾行把方法暴露到外面去
????????????window.a1?=?a1;
????????????window.a2?=?a2;
????????????window.a3?=?a3;
????????}
????</script>
</ul>
<div?class="show"?id="1">
????<ul>
????????<li>
????????????275萬購昌平鄰鐵三居?總價20萬買一居
????????</li>
????????<li>
????????????200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)
????????</li>
????????<li>
????????????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平
????????</li>
????????<li>
????????????京樓盤直降5000?中信府?公園樓王現(xiàn)房
????????</li>
????</ul>
</div>
<div?class="hid"?id="2">
????<ul>
????????<li>?40平出租屋大改造?美少女的混搭小窩</li>
????????<li>?經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生</li>
????????<li>?新中式的酷色溫情?66平撞色活潑家居</li>
????????<li>?瓷磚就像選好老婆?衛(wèi)生間煙道的設計</li>
????</ul>
</div>
<div?class="hid"?id="3">
????<ul>
????????<li>?40平出租屋大改造?美少女的混搭小窩</li>
????????<li>經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生</li>
????????<li>?新中式的酷色溫情?66平撞色活潑家居</li>
????????<li>?瓷磚就像選好老婆?衛(wèi)生間煙道的設計</li>
????</ul>
</div>
</body>
</html>方法3
<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?Content="text/html;?charset=utf-8"/>
????<title>javascript</title>
????<style?type="text/css">
????????.show?{
????????????display:?block;
????????}
????????.hid?{
????????????display:?none;
????????}
????</style>
</head>
<body>
<ul>
????<li?onmouseover="a3()">1</li>
????<li?onmouseover="a1()">2</li>
????<li?onmouseover="a2()">3</li>
</ul>
<div?class="show"?id="1">
????<ul>
????????<li>
????????????275萬購昌平鄰鐵三居?總價20萬買一居
????????</li>
????????<li>
????????????200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)
????????</li>
????????<li>
????????????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平
????????</li>
????????<li>
????????????京樓盤直降5000?中信府?公園樓王現(xiàn)房
????????</li>
????</ul>
</div>
<div?class="hid"?id="2">
????<ul>
????????<li>?40平出租屋大改造?美少女的混搭小窩</li>
????????<li>?經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生</li>
????????<li>?新中式的酷色溫情?66平撞色活潑家居</li>
????????<li>?瓷磚就像選好老婆?衛(wèi)生間煙道的設計</li>
????</ul>
</div>
<div?class="hid"?id="3">
????<ul>
????????<li>?40平出租屋大改造?美少女的混搭小窩</li>
????????<li>經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生</li>
????????<li>?新中式的酷色溫情?66平撞色活潑家居</li>
????????<li>?瓷磚就像選好老婆?衛(wèi)生間煙道的設計</li>
????</ul>
</div>
<!--把js放到最后??不要用onload?方法-->
<script?type="text/javascript">
????????var?y1?=?document.getElementById("1");
????????var?y2?=?document.getElementById("2");
????????var?y3?=?document.getElementById("3");
????????function?a1()?{
????????????y1.className?=?"show";
????????????y2.className?=?"hid";
????????????y3.className?=?"hid";
????????}
????????function?a2()?{
????????????y1.className?=?"hid";
????????????y2.className?=?"show";
????????????y3.className?=?"hid";
????????}
????????function?a3()?{
????????????y1.className?=?"hid";
????????????y2.className?=?"hid";
????????????y3.className?=?"show";
????????}
</script>
</body>
</html>
