最近发现在一个问题,ie8和ie8核心的浏览器不支持,其他浏览器可以
html code:
<div class="pro_type_02">
            <ul>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=徽章">徽章</a>
</li>

<ul>

  <li>
<img src="images/small_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=徽章&SmallClassName=烤漆">烤漆</a>
</li> 

  <li>
<img src="images/small_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=徽章&SmallClassName=假珐琅">假珐琅</a>
</li> 
  
</ul>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=钥匙扣">钥匙扣</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=奖牌">奖牌</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=铝镜">铝镜</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=狗牌">狗牌</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=盒子图片">盒子图片</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=马口铁和化妆镜">马口铁和化妆镜</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=手机挂饰">手机挂饰</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<a href="Product.asp?BigClassName=胸针">胸针</a>
</li>
 
                <li>
<img src="images/big_class.gif" align="absmiddle" />&nbsp;&nbsp;<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");
}