本文介绍了一个使用HTML和JavaScript实现的示例页面，通过不同的按钮控制页面上多个div元素的显示与隐藏，并且演示了如何改变背景颜色。具体包括页面加载时的操作以及鼠标悬停事件触发的功能。
<html><body onload="test();"><input type=button value="test1" onmouseover="testss('0');"><input type=button value="test2" onmouseover="testss('1');"><input type=button value="test3" onmouseover="testss('2');"><input type=button value="testALL" onmouseover="testss('3');"><FORM name=test><div id="div111">11</div> <div id="div2">22</div> <div id="div3">33</div> <div id="div2">22</div> <div id="div3">33</div> <div id="div2">22</div> <div id="div3">33</div> <div id="div2">22</div> <div id="div3">33</div> <div id="div2">22</div> <div id="div3">33</div> </FORM>
<script>...
function test()...{
var bl = false; var divs = document.all.test.getElementsByTagName("DIV"); for(var i = 0;i<divs.length;i++) ...{ if(divs[i].id.substring(0,3)!="div")continue; if(bl==false)bl=true; else divs[i].style.display="none"; 
}}function testss(num)...{document.all.div111.style.cssText='background:red';var divs = document.all.test.getElementsByTagName("DIV"); for(var i = 0;i<divs.length;i++) ...{ if(i==num) divs[i].style.display="inline"; else divs[i].style.display="none"; }}if(confirm("我是googol"))...{ document.write("googol");}else...{ document.write("tliu");
}</script></body></html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
