javascript 三次跳转
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Descrīption" CONTENT="">
</HEAD>
<BODY>
<div id=2 ōnclick='hello();'>显示页面一</div>
<div id=3 ōnclick='world();'>显示页面二</div>
<div id='dis'>
<div id='hello'>
<ul><li>test 1</li><li>test 1</li><li>test 1</li></ul>
</div>
<div id='world' style='display:none;'>
<ul><li>test 2</li><li>test 2</li><li>test 2</li></ul>
<a href="javascrīpt:"onclick='last();'>
next
</a>
</div>
<div id="last" style='display:none;'>
DODO
</div>
</div>
<scrīpt>
function hello()
{
document.getElementById('hello').style.display = 'block';
document.getElementById('world').style.display = 'none';
document.getElementById('last').style.display = 'none';
}
function world()
{
document.getElementById('hello').style.display = 'none';
document.getElementById('world').style.display = 'block';
document.getElementById('last').style.display = 'none';
}
function last()
{
document.getElementById('world').style.display = 'none';
document.getElementById('hello').style.display = 'none';
document.getElementById('last').style.display = 'block';
}
</scrīpt>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Descrīption" CONTENT="">
</HEAD>
<BODY>
<div id=2 ōnclick='hello();'>显示页面一</div>
<div id=3 ōnclick='world();'>显示页面二</div>
<div id='dis'>
<div id='hello'>
<ul><li>test 1</li><li>test 1</li><li>test 1</li></ul>
</div>
<div id='world' style='display:none;'>
<ul><li>test 2</li><li>test 2</li><li>test 2</li></ul>
<a href="javascrīpt:"onclick='last();'>
next
</a>
</div>
<div id="last" style='display:none;'>
DODO
</div>
</div>
<scrīpt>
function hello()
{
document.getElementById('hello').style.display = 'block';
document.getElementById('world').style.display = 'none';
document.getElementById('last').style.display = 'none';
}
function world()
{
document.getElementById('hello').style.display = 'none';
document.getElementById('world').style.display = 'block';
document.getElementById('last').style.display = 'none';
}
function last()
{
document.getElementById('world').style.display = 'none';
document.getElementById('hello').style.display = 'none';
document.getElementById('last').style.display = 'block';
}
</scrīpt>
</BODY>
</HTML>