温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

js+一个学习与工具页面

发布时间:2020-07-03 13:10:55 来源:网络 阅读:269 作者:wzdouban 栏目:开发技术
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>wzsts</title>
 <style>
.Menu{position:relative;background-color:#4295BD;height:60px;}
.menuDiv ul li{float:left; padding:21px 10px; margin-right:60px;color:white;}
.menuDiv ul li:hover{ background-color:#0066CC; cursor:pointer}
 </style>
</head>

<body>
<center>  
 
	<div class="Menu">
		<div class="menuDiv">
			<ul>
				<li  onclick="getPage('1')" id="menu1">W3C</li>
				<li  onclick="getPage('2')" id="menu2">anycodes</li>
				<li  onclick="getPage('3')" id="menu3">tool</li>
				<li  onclick="getPage('4')" id="menu4">GitHub</li>
				<li  onclick="getPage('5')" id="menu5">csdn</li>
				<li  onclick="getPage('6')" id="menu6">csdn</li>
				<li  onclick="getPage('7')" id="menu7">csdn</li>
				<li  onclick="getPage('8')" id="menu8">cs1dn</li>
				<li  onclick="getPage('9')" id="menu9">cs2dn</li>
				<li  onclick="getPage('10')" id="menu10">csdn</li>
			</ul>
			 
		</div>
		
	</div> <iframe src=" " id="VideoIframe" width="100%" height="500PX"></iframe> </div>
	 
	</center>
</body>
<script>
	function getPage(n){
		switch(n){
case '1':document.getElementById("VideoIframe").src="http://www.w3school.com.cn/";     break;
case '2':document.getElementById("VideoIframe").src="http://anycodes.cn/zh/";          break;
case '3':document.getElementById("VideoIframe").src="http://tool.lu/coderunner/";      break;
case '4':document.getElementById("VideoIframe").src="http://github.com/HonestFox/";    break;
case '5':document.getElementById("VideoIframe").src="http://blog.csdn.net/21aspnet/";  break;
case '6':document.getElementById("VideoIframe").src="http://blog.csdn.net/phphot/";    break; 
case '7':document.getElementById("VideoIframe").src="http://github.com/zhedahht/";     break;
case '8':document.getElementById("VideoIframe").src="http://www.acmerblog.com/";       break;
case '9':document.getElementById("VideoIframe").src="http://github.com/HonestFox/";    break;
case '10':document.getElementById("VideoIframe").src="http://blog.csdn.net/21aspnet/"; break; 
		}
		changeBgcolor(n);
	}	
	function changeBgcolor(n)
	{
		for(var i=1;i<=10;i++)
		{
			document.getElementById("menu"+i).style.backgroundColor="#4295BD";
		}
		document.getElementById("menu"+n).style.backgroundColor="#0066CC";
	}

</script>
</html>


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI