用jquery模拟一淘上面的搜索下拉的功能,利用css3做箭头的动画效果。
JS代码:
');
for(var i=0;i'+opt.optionList[i]+'')
};
$(opt._id).bind({
mouseenter: function(){
$(arrow).addClass('arrow-hover');
$('#selectList').slideDown();
clearTimeout(_time);
},mouseleave: function(){
_time=setTimeout(function(){
$(arrow).removeClass('arrow-hover');
$('#selectList').slideUp()
},300);
}
});
//获取选择的值
$('#selectList').delegate('li','click',function(){
var option = $(this).text();
$(opt.getOption).text(option);
$(opt.hiddenInput).val(option);
$('#selectList').slideUp();
return opt.callback(option);
});
});
}
})(jQuery);
demo:(只有在高级的chrome及firefox下才能看到CSS3动画效果)