最近发现在一个问题,ie8和ie8核心的浏览器不支持,其他浏览器可以
html code:
<div class="pro_type_02">
<ul>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=徽章">徽章</a>
</li>
<ul>
<li>
<img src="images/small_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=徽章&SmallClassName=烤漆">烤漆</a>
</li>
<li>
<img src="images/small_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=徽章&SmallClassName=假珐琅">假珐琅</a>
</li>
</ul>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=钥匙扣">钥匙扣</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=奖牌">奖牌</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=铝镜">铝镜</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=狗牌">狗牌</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=盒子图片">盒子图片</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=马口铁和化妆镜">马口铁和化妆镜</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=手机挂饰">手机挂饰</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=胸针">胸针</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=亚克力钥匙扣">亚克力钥匙扣</a>
</li>
<div class="blankbar1"></div>
</ul>
</div>js code:
var type = "";
if (type == 'click') {
$(function(){
$('.pro_type_02 li:has(ul)').click(function(event){
if (this == event.target) {
if ($(this).children().is(':hidden')) {
$(this).css({background:'url(template/guangao-101203-b8/images/minus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'})
.children().show();
$(this).siblings().each(function (){
$(this).find("ul").hide();
if ($(this).children().is("ul")){
$(this).css({background:'url(template/guangao-101203-b8/images/plus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'});
}
});
} else {
$(this).css({background:'url(template/guangao-101203-b8/images/plus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'})
.find("ul").hide();
}
}
}).css('cursor','pointer').find("ul").hide().click();
$('.pro_type_02 li:has(ul)').css({background:'url(template/guangao-101203-b8/images/plus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'});
$('.pro_type_02 li:not(:has(ul))').css({cursor: 'pointer','list-style-image':'none'});
});
} else {
$(".pro_type_02>ul").droppy();
$(".pro_type_02 ul ul li:last-child").css("border","0px");
}
html code:
<div class="pro_type_02">
<ul>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=徽章">徽章</a>
</li>
<ul>
<li>
<img src="images/small_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=徽章&SmallClassName=烤漆">烤漆</a>
</li>
<li>
<img src="images/small_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=徽章&SmallClassName=假珐琅">假珐琅</a>
</li>
</ul>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=钥匙扣">钥匙扣</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=奖牌">奖牌</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=铝镜">铝镜</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=狗牌">狗牌</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=盒子图片">盒子图片</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=马口铁和化妆镜">马口铁和化妆镜</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=手机挂饰">手机挂饰</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=胸针">胸针</a>
</li>
<li>
<img src="images/big_class.gif" align="absmiddle" /> <a href="Product.asp?BigClassName=亚克力钥匙扣">亚克力钥匙扣</a>
</li>
<div class="blankbar1"></div>
</ul>
</div>js code:
var type = "";
if (type == 'click') {
$(function(){
$('.pro_type_02 li:has(ul)').click(function(event){
if (this == event.target) {
if ($(this).children().is(':hidden')) {
$(this).css({background:'url(template/guangao-101203-b8/images/minus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'})
.children().show();
$(this).siblings().each(function (){
$(this).find("ul").hide();
if ($(this).children().is("ul")){
$(this).css({background:'url(template/guangao-101203-b8/images/plus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'});
}
});
} else {
$(this).css({background:'url(template/guangao-101203-b8/images/plus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'})
.find("ul").hide();
}
}
}).css('cursor','pointer').find("ul").hide().click();
$('.pro_type_02 li:has(ul)').css({background:'url(template/guangao-101203-b8/images/plus.gif) no-repeat left 13px','text-indent':'16px','padding-top':'3px'});
$('.pro_type_02 li:not(:has(ul))').css({cursor: 'pointer','list-style-image':'none'});
});
} else {
$(".pro_type_02>ul").droppy();
$(".pro_type_02 ul ul li:last-child").css("border","0px");
}
什么错都没报,当然什么功能也没起作用