Demo entry 6663148

main

   

Submitted by anonymous on Nov 29, 2017 at 12:14
Language: HTML. Code size: 5.1 kB.

<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="css/rayi.css" /> 
<link rel="stylesheet" type="text/css" href="css/site.css" /> 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>本萌moba</title>
</head>

<body class="body">
	<!-- script调用 -->
	<script src="js/jquery-1.8.3.min.js"></script>
	<!--Luara js文件-->
	<script src="js/jquery.luara.0.0.1.min.js"></script>
	<!-- 自写js -->
	<script src="js/main_getNews.js"></script>

<!-- 头部导航栏 -->
<table width="100%" height="100px" class="navigation" style="margin: -8px;">
	<tr align="center">
	   <td width="15%"></td>
	   <td><a href="main.html"><img src="img/本萌moba.jpg" height="35%"/></a></td>
	   <td><a href="main.html">官方首页<br/><div>HOME</div></a></td>
	   <td><a href="news.html">新闻中心<br/><div>NEWS</div></a></td>
	   <td><a href="data.html">游戏资料<br/><div>DATA</div></a></td>
	   <td><a href="match.html">赛事中心<br/><div>MATCH</div></a></td>
	   <td><a href="store.html">周边商城<br/><div>STORE</div></a></td>
	   <td><a href="community.html">玩家社区<br/><div>COMMUNITY</div></a></td>
	   <td><a href="service.html">客服中心<br/><div>SERVICE</div></a></td>
	   <td width="15%"></td>
	</tr>
</table>
<!-- 主体部分 -->
<table align="center" width="70%" >
<tbody>
	<!-- 海报留白 -->
	<tr align="center">
		<td colspan=100 height="400px"></td>
	</tr>
	<tr height="405">
		<td width="200px">
			<!-- 左侧下载注册客服按钮 -->
			<table width="200px" height="407px" class="fancycharacter">
				<tr align="center" bgcolor="#FA4450">
					<td>
						<img src="img/ico_xiazai.png" height="32px" style="vertical-align:middle;"/>
						<a>下载游戏</a>
					</td>
				</tr>
				<tr align="center" bgcolor="#FFCA20">
					<td>
					 <img src="img/ico_zhuce.png" height="32px" style="vertical-align:middle;"/>
						<a>立即注册</a>
					</td>
				</tr>
				<tr align="center" bgcolor="#378CE9">
					<td>
						<img src="img/ico_kefu.png" height="32px" style="vertical-align:middle;"/>
						<a>客服中心</a>
					</td>
				</tr>
			</table>
		</td>
		<td width="50%" colspan=1>
			<div class="example2">
				<ul>
					<li><img src="img/news1.jpg" alt="1"/></li>
					<li><img src="img/news2.jpg" alt="2"/></li>
					<li><img src="img/news3.jpg" alt="3"/></li>
					<li><img src="img/news4.jpg" alt="4"/></li>
				</ul>
				<ol>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
			</div>
			<script>
				$(function(){
					//调用Luara示例
					$(".example2").luara({width:"720",height:"405",interval:4500,selected:"seleted",deriction:"left"});
				});
			</script>
		</td>
		<td colspan=1>
			<div width="355px" height="407px" class="news" style="background-image: url(img/rotate_bg.png)">
				<ol>
					<li onmouseover="myNews(0)" id="select0"><a href="javascript:void(0);">综合</a></li>
					<li onmouseover="myNews(1)" id="select1"><a href="javascript:void(0);">新闻</a></li>
					<li onmouseover="myNews(2)" id="select2"><a href="javascript:void(0);">公告</a></li>
					<li onmouseover="myNews(3)" id="select3"><a href="javascript:void(0);">活动</a></li>
					<li onmouseover="myNews(4)" id="select4"><a href="javascript:void(0);">赛事</a></li>
				</ol>
				&nbsp; 
				<!-- news界面php取数据 -->
                <script type="text/javascript">
					window.onload=function(){
						for(var i=0; i<5; i++)
							getNews(i);
					}
				</script>
				<ul id="news0" style="display:;"></ul>
				<ul id="news1" style="display: none;"></ul>
				<ul id="news2" style="display: none;"></ul>
				<ul id="news3" style="display: none;"></ul>
				<ul id="news4" style="display: none;"></ul>
			</div>
			<script type="text/javascript">
				function myNews(num){
					var news = new Array(
						document.getElementById("news0"),
						document.getElementById("news1"),
						document.getElementById("news2"),
						document.getElementById("news3"),
						document.getElementById("news4")
						);
					var select = new Array(
						document.getElementById("select0"),
						document.getElementById("select1"),
						document.getElementById("select2"),
						document.getElementById("select3"),
						document.getElementById("select4")
						);
					for (var i = news.length - 1; i >= 0; i--) {
						news[i].style.display = "none";
						select[i].style.background = "";
					}
					news[num].style.display = "";
					select[num].style.color = "#465c71";
					select[num].style.background = "#bfcbd6";
				}
			</script>
		</td>
	</tr>
	<!--tr height="400">
		<td width="200px" >
			快速入门
		</td>
		<td width="42%" colspan=1>热点资讯</td>
		<td colspan=1>赛程</td>
	</tr-->
	<!-- 底端 -->
	<tr height="100">
		<td colspan=100 align="center" class="foot">
			抵制不良游戏,拒绝盗版游戏。注意自我保护,谨防受骗上当。适度游戏益脑,沉迷游戏伤身。合理安排时间,享受健康生活。<br />
			<a class="link" href="" target="_blank" rel="nofollow">联系我们</a> &nbsp;|&nbsp; 
			<a class="link" href="" target="_blank" rel="nofollow">使用协议</a> &nbsp;|&nbsp; 
			<a class="link" href="" target="_blank" rel="nofollow">用户反馈</a><br />
			Copyright © 2017 -2017 本萌集团 版权所有
		</td>
	</tr>
</tbody>
</table>

</body>
</html>

This snippet took 0.01 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).