我简直一头雾水。我尝试在 IIS 中设置我的基本 HTML 网站,并在主要浏览器之间获得 3 个不同的结果。(它应该看起来像 Chrome 的显示。)它们都在本地工作,但是通过“mycompname/website/default.html”它可以执行您在下面看到的操作。谢谢。
HTML(根据要求)
<html>
<title>Website</title>
<head>
<link rel="stylesheet" type="text/css" href="styles/clean.css" />
<link rel="stylesheet" type="text/css" href="styles/style.css" />
<script type="text/javascript" src="scripts/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(function() {
// Page Load Functions
$.ajaxSetup({cache:false})
$('#menu ul li ul').hide(); // Hides submenus
// Hides submenus
$('#menu > *').mouseleave(function(){
$('#menu ul li ul').slideUp('slow');
});
// Shows submenu
$('#menu > ul > li > a').hover(function(){
if(!$(this).parent().children('ul').is(':visible'))
{
$('#menu ul li ul').slideUp('slow');
$(this).parent().children('ul').slideDown('slow');
}
});
$('#menu > ul > li > ul > li > a').click(function(e){
e.preventDefault()
if($(this).attr('href') != '#')
$('#main').load('content/' + $(this).attr('href'));
});
});
</script>
</head>
<body>
<div id="wrapper">
<div id="header">Put fancy logo here.</div>
<div id="menu">
<ul>
<li>
<ul>
<li><a href="test.html">SubMenu Item 1-1</a></li>
<li><a href="#">SubMenu Item 1-2</a></li>
<li><a href="#">SubMenu Item 1-3</a></li>
<li><a href="#">SubMenu Item 1-4</a></li>
<li><a href="#">SubMenu Item 1-5</a></li>
</ul>
<a>menu 1</a>
</li>
<li>
<ul>
<li><a href="#">SubMenu Item 2-1</a></li>
<li><a href="#">SubMenu Item 2-2</a></li>
<li><a href="#">SubMenu Item 2-3</a></li>
<li><a href="#">SubMenu Item 2-4</a></li>
<li><a href="#">SubMenu Item 2-5</a></li>
</ul>
<a>menu 2</a>
</li>
<li>
<ul>
<li><a href="#">SubMenu Item 3-1</a></li>
<li><a href="#">SubMenu Item 3-2</a></li>
<li><a href="#">SubMenu Item 3-3</a></li>
<li><a href="#">SubMenu Item 3-4</a></li>
<li><a href="#">SubMenu Item 3-5</a></li>
</ul>
<a>About Us</a>
</li>
</ul>
</div>
<div id="main">
</div>
<div id="footer">
© 2012 xxx. All rights reserved.
</div>
</div>
</body>
</html>