<link rel="stylesheet" type="text/css" href='http://www.cnartgallery.com/includes/templates/pure_blue_free/css/stylesheet09281.css' />
<style>
body { behavior: url(/csshover.htc);} /* WinIE behavior call */
.test11{display: none;
position: absolute;
top: 35px;
left: 0px;
z-index: 9999;
font-weight: normal;
background: white;
-moz-box-shadow: 0 3px 3px #898989;
-webkit-box-shadow: 0 3px 3px #898989;
box-shadow: 0 3px 3px #898989;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
zoom: 1;
border-top: 8px solid #1C6A96;
width: 300px;}
li.submenu1:hover dl.test11 {display:none;z-index:9999;position: absolute;}
div#testtop_nav ul.testlevel1 li.submenu1:hover dl.test11 {display:block;z-index:9999;position: absolute;}
li.submenu1{float:left;width:200px;height:200px;}
</style>
<body>
<div id="testtop_nav">
<ul class="testlevel1">
<li class="submenu1"> <a href="#">Windows</a>
<dl class="test11"><dt>Contect</dt><dd>Hello</dd><dd>world!</dd></dl>
</li>
</ul>
</div>
<div id="indexDefaultMainContent" class="content"><div class="CustomSlide">
<div class="slides" align="center">
<ul class="slide-pic">
<li class="" style="display: none; "><a href="http://www.cnartgallery.com/">
<img src="http://www.cnartgallery.com/images/banners/xq_free_shipping_1210.gif" alt="Beautiful Paintings"></a></li>
<li style="display: list-item; " class="cur"><a href="http://www.cnartgallery.com/page.html?id=1.html">
<img src="http://www.cnartgallery.com/images/banners/xq_coupons_special_1010.jpg" alt="Fast Delivery"></a></li>
<li><a href="http://www.cnartgallery.com/-ezp-42.html#Coupons">
<img src="http://www.cnartgallery.com/images/banners/xq_new_guohua_1010.jpg" alt="Chinese Painting Discount Coupon"></a></li>
</ul>
<ul class="slide-li op">
<li class=""></li>
<li class="cur"></li>
<li></li>
</ul>
<ul class="slide-li slide-txt">
<li class=""><a href="http://www.cnartgallery.com/">Beautiful Paintings</a></li>
<li class="cur"><a href="http://www.cnartgallery.com/page.html?id=1.html">Fast Delivery</a></li>
<li><a href="http://www.cnartgallery.com/-ezp-42.html#Coupons">Discount Coupon</a></li>
</ul>
</div>
</div>
<div class="dealToday">
<div id="AboutUS"><img src="http://www.cnartgallery.com/images/logo.jpg" width="66" height="69" hspace="10" vspace="5" align="right"><h5>About US</h5>
<p id="AboutUsText">CNArtGallery is the Leading Chinese Painting Online Gallery. 45%-85% Less Than Retail Prices!</p>
<a rel="nofollow" href="http://www.cnartgallery.com/page.html?id=8.html" style="font-weight: 700;
font-size: 11px;">Learn More <span>»</span></a>
</div>
<div><img src="http://www.cnartgallery.com/images/guarrantee_abs180X71.gif" width="167" align="absmiddle"></div>
</div>
<script type="text/javascript" src="http://www.cnartgallery.com/includes/templates/pure_blue_free/jscript/jquery/jquery-1.4.2.min.js"></script>
<script>
var defaultOpts = {
interval: 5000,
fadeInTime: 300,
fadeOutTime: 300
};
//Iterate over the current set of matched elements
var _titles = $("ul.slide-txt li");
var _titles_bg = $("ul.op li");
var _bodies = $("ul.slide-pic li");
var _count = _titles.length;
var _current = 0;
var _intervalID = null;
var stop = function() {
window.clearInterval(_intervalID);
};
var slide = function(opts) {
if (opts) {
_current = opts.current || 0;
} else {
_current = (_current >= (_count - 1)) ? 0 : (++_current);
};
_bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime,
function() {
_bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
_bodies.removeClass("cur").eq(_current).addClass("cur");
});
_titles.removeClass("cur").eq(_current).addClass("cur");
_titles_bg.removeClass("cur").eq(_current).addClass("cur");
}; //endof slide
var go = function() {
stop();
_intervalID = window.setInterval(function() {
slide();
},
defaultOpts.interval);
}; //endof go
var itemMouseOver = function(target, items) {
stop();
var i = $.inArray(target, items);
slide({
current: i
});
}; //endof itemMouseOver
_titles.hover(function() {
if ($(this).attr('class') != 'cur') {
itemMouseOver(this, _titles);
} else {
stop();
}
},
go);
//_titles_bg.hover(function() { itemMouseOver(this, _titles_bg); }, go);
_bodies.hover(stop, go);
//trigger the slidebox
go();
var slideX = {
_this: $('.catalog .imgbox'),
_btnLeft: $('.catalog .left'),
_btnRight: $('.catalog .right'),
init: function() {
slideX._btnLeft.click(slideX.slideLeft);
slideX._btnRight.click(slideX.slideRight);
},
slideLeft: function() {
slideX._btnLeft.unbind('click', slideX.slideLeft);
for (i = 0; i < 2; i++) {
slideX._this.find('li:last').prependTo(slideX._this);
}
slideX._this.css('marginLeft', -224);
slideX._this.animate({
'marginLeft': 0
},
500,
function() {
slideX._btnLeft.bind('click', slideX.slideLeft);
});
return false;
},
slideRight: function() {
slideX._btnRight.unbind('click', slideX.slideRight);
slideX._this.animate({
'marginLeft': -224
},
500,
function() {
slideX._this.css('marginLeft', '0');
for (i = 0; i < 2; i++) {
slideX._this.find('li:first').appendTo(slideX._this)
}
slideX._btnRight.bind('click', slideX.slideRight);
});
return false;
}
}
$(document).ready(function() {
slideX.init();
})
$(document).ready(function() {
var newTime = new Date();
var newTime = newTime.getTime();
var $imgTmp = $('#topromotion').find('img:first');
var osrc = $imgTmp.attr('src');
$imgTmp.attr('src', osrc + '?' + newTime);
});
</script>
</div>
</body>
上面代码麻烦各位贴到html编辑器下帮忙分析下。
在火狐或者chrome浏览器下，导航条下拉内容正常显示。
但是在IE下，导航条却被阻挡了，或者下拉菜单不能出现。
还请大家帮忙分析下，万分感谢！
