网页制作问题
0
最佳答案
0
你的代码里，事件绑定出现了异常吧？
收获园豆：15
哦，看看
其他回答(1)
0
贴代码。
<!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=utf-8" />
<title>PC-HTML-DW</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="HTML, CSS, JavaScript"/>
<meta name="author" content="artless"/>
<link rel="stylesheet" media="all" href="css/owl.carousel.css" />
<link rel="stylesheet" media="all" href="css/owl.theme.css" />
<!-- THEME STYLESHEETS -->
<link rel="stylesheet" media="all" href="css/theme.css" />
<link rel="stylesheet" media="all" href="css/shortcodes.css" />
<!-- JAVASCRIPT PLUGINS -->
<script type="text/javascript" src="scripts/jquery.1.11.1.min.js"></script>
<script type="text/javascript" src="scripts/modernizr.custom.97074.js"></script>
<script type="text/javascript">
//点击导航显示菜单
function go(){
var style= document.getElementById("menu").style.visibility;
if(style=="hidden")
{
document.getElementById("menu").style.visibility="visible";
}
else
{
document.getElementById("menu").style.visibility="hidden";
}
}
</script>
</head>
<style type="text/css">
/*主体*/
#main{
width: 15360px;
height: 1080px;
background:url(../img/img_back.jpg);
overflow: hidden;
position: relative;
}
#main1{ width:1920px; height:1080px;}
#main2{ width:1920px; height:1080px;}
#main3{ width:1920px; height:1080px;}
#imge{ width:1920px; height:1080px;}
#divcount{ width:1920px; height:1080px; overflow:hidden;}
.item img{ width:1920px; height:1080px; background:none;}
.foot{ width: auto; height:100px; margin-bottom:0px; position:absolute; margin-bottom:0px;border:1px solid #3F0;}
#footone{ width:auto; height:60px; text-align:center; border:1px solid #3F0;}
#foottwo{ width:1920px; height:40px; border:1px solid #3F0;}
#foottwo input{ width:70px; height:30px; line-height:30px; float:right; margin-right:80px; font-size:18px; color:#CCC; background-color:transparent; cursor:pointer; border:1px solid #3F0;}
#table{ width:980px; height:120px; text-align:center; overflow:hidden; margin:0px auto; visibility:hidden; }
#table ul li{ width:110px; height:110px; overflow:hidden; text-align:center; list-style-type:none;float:left; margin-left:10px; cursor:pointer; }
#table ul li img{ width:110px; height:110px;}
/*菜单导航*/
#menu {
width: 184px;
height: 120x;
float: right;
margin-right: 60px;
visibility: hidden;
z-index:100;
}
#menu ul li{ width:100px; height:40px; list-style-type:none; margin-top:5px; text-align:center; line-height:20px; font-size:18px; color:#CCC; cursor:pointer;}
#menu ul li a{ position:relative; z-index: 100;}
</style>
<body style=" margin:0px;">
<div id="main">
<div id="main1">
<a id="logo" class="scrollto" href="#"><img width="240" height="100" src="../img/hip-logo-dark.png" alt="Hip" class="light" border="0" />
</a>
<a id="logo2" class="scrollto" href="#"><img src="../img/icn.png" alt="Hip" class="light" border="0" />
</a>
<a id="logo3" class="scrollto" href="360/jisuanqi/computer.html">
<img class="dark" src="../img/沙盘.png" alt="Hip" />
</a>
<a id="logo4" class="scrollto">
<img class="dark" src="../img/沙盘2.png" alt="Hip" onclick="go()" />
</a>
<div id="divcount" class=" banner-carousel" >
<div class="item" name="qiyejieshao" id="qiyejieshao">
<a> <img src="../img/first/企业介绍.png" alt="企业中心" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="276,263,818,599" href="PC-HTML-DW-1.html" />
<area shape="rect" coords="1096,263,1640,598" href="360/view/view2.html" />
<area shape="rect" coords="1763,2,1919,151" href="javascript:window.close()" />
</map>
</a>
</div>
<div class="item" name="quwei" id="quwei">
<a href="360/裕州区位-jpg/quwei.html"> <img src="360/裕州区位-jpg/images/001.jpg" alt="区域沙盘" usemap="#Map6" border="0"/><!--360/裕州区位-jpg/quwei.html-->
<map name="Map6" id="Map6">
<area shape="rect" coords="1772,1,1919,155" href="javascript:window.close()" />
</map>
</a>
</div>
<div class="item" name="shapan" id="shapan">
<a href="360/沙盘/shapan.html"><!---->
<img src="360/文字/第一层/项目沙盘.png" alt="项目沙盘" width="1920" height="1080" usemap="#Map5" border="0"/>
<map name="Map5" id="Map5">
<area shape="rect" coords="775,243,840,265" href="360/1dong/1dong.html" />
<area shape="rect" coords="953,283,1017,304" href="360/小学/school.html" />
<area shape="rect" coords="995,330,1058,354" href="360/37dong/37dong.html" />
<area shape="rect" coords="1024,573,1085,594" href="360/20dong/20dong.html" />
<area shape="rect" coords="896,718,958,739" href="360/幼儿园/youeryuan.html" />
<area shape="rect" coords="1175,530,1236,553" href="360/商业/shangye.html" />
<area shape="rect" coords="1780,0,1919,145" href="javascript:window.close()" />
</map>
</a>
</div>
<div class="item" name="jianzhudanti" id="jianzhudanti">
<a href="#">
<img src="360/文字/第一层/建筑展示.png" alt="建筑单体" usemap="#Map2" border="0"/>
<map name="Map2" id="Map2">
<area shape="rect" coords="488,421,726,511" href="360/1dong/1dong.html" />
<area shape="rect" coords="793,422,1029,509" href="360/20dong/20dong.html" />
<area shape="rect" coords="1097,424,1331,509" href="360/37dong/37dong.html" />
<area shape="rect" coords="488,588,726,673" href="360/小学/school.html" />
<area shape="rect" coords="792,590,1029,673" href="360/幼儿园/youeryuan.html" />
<area shape="rect" coords="1095,590,1334,673" href="360/商业/shangye.html" />
<area shape="rect" coords="1775,2,1919,160" href="javascript:window.close()" />
</map>
</a>
</div>
<div class="item" name="yuanlin" id="yuanlin">
<a href="#">
<img src="360/文字/第一层/园林漫游.png" alt="园林漫游" usemap="#Map4" border="0"/>
<map name="Map4" id="Map4">
<area shape="rect" coords="489,422,726,508" href="360/C20/C20.html" />
<area shape="rect" coords="793,421,1028,510" href="360/C21/C21.html" />
<area shape="rect" coords="1095,423,1330,508" href="360/园林1/yuanlino.html" />
<area shape="rect" coords="488,588,724,679" href="360/园林2/yuanlint.html" />
<area shape="rect" coords="793,588,1032,675" href="360/C34/C34.html" />
<area shape="rect" coords="1096,587,1331,677" href="360/裕州C41-jpg/yuzhouC41.html" />
<area shape="rect" coords="1757,1,1919,151" href="javascript:window.close()" />
</map>
</a>
</div>
<div class="item" name="huxing" id="huxing">
<a href="#"><img src="360/文字/第一层/户型展示.png" alt="三维户型" usemap="#Map3" border="0"/></a>
<map name="Map3" id="Map3">
<area shape="rect" coords="490,422,727,512" href="360/A1户型/A1huxing.html" />
<area shape="rect" coords="794,422,1031,510" href="360/B2户型/B2huxing.html" />
<area shape="rect" coords="1094,422,1331,510" href="360/C2户型/C2huxing.html" />
<area shape="rect" coords="489,589,723,674" href="360/H户型/Hhuxing.html" />
<area shape="rect" coords="793,589,1031,672" href="360/I1户型/I1huxing.html" />
<area shape="rect" coords="1094,588,1330,673" href="360/J户型合并/JHhuxing.html" />
<area shape="rect" coords="1761,2,1920,165" href="javascript:window.close()" />
</map>
</a>
</div>
<div class="item" name="yangbanfang" id="yangbanfang">
<a href="#"> <img src="360/文字/第一层/样板房展示.png" alt="样板房" usemap="#Map7" border="0"/>
<map name="Map7" id="Map7">
<area shape="rect" coords="277,263,816,598" href="360/109/index.html" />
<area shape="rect" coords="1099,265,1638,599" href="360/110/index.html" />
<area shape="rect" coords="1755,1,1919,176" href="javascript:window.close()" />
</map>
</a>
</div>
<div class="item" name="banquan" id="banquan">
<img src="../img/banquan.jpg" alt="版权所有" width="1920" height="1080" usemap="#Map9" border="0"/>
<map name="Map9" id="Map9">
<area shape="rect" coords="1763,0,1923,166" href="javascript:window.close()" />
</map>
</div>
</div>
<div id="menu" style=" z-index:100; position:absolute; display:block; visibility:hidden; bottom:200px; right:0px;">
<ul>
<li><a href="#qiyejieshao">企业中心 </a></li>
<li><a href="#quwei">区域沙盘</a></li>
<li><a href="#shapan">项目沙盘 </a></li>
<li><a href="#jianzhudanti">建筑单体</a></li>
<li><a href="#yuanlin">园林漫游 </a></li>
<li><a href="#huxing">三维户型 </a> </li>
<li><a href="#yangbanfang">样 板 房</a> </li>
<li><a href="#banquan">版权所有 </a></li>
</ul>
</div>
<div id="main2" onclick="show()">
</div>
</div>
<script type="text/javascript" src="scripts/owl.carousel.js"></script>
<script type="text/javascript" src="scripts/theme.script.js"></script>
<script type="text/javascript" src="scripts/theme.settings.js"></script>
</body>
</html>
