js ドロップダウン メニューの言語オプションの簡単な実装_javascript スキル

旗子图片

复制代代码如下:

(function($ ) {
var jSelect = $(".jsSelect");
$(jSelect).find("li:first").hover(function(){
$(".s"). css("background","url(images/68_60.png) 54px 0px no-repeat");
h=$(this).parent("ul").find("li").length
$(this).parent("ul").css("height",28*h)
$(this).siblings("li:not(.s)").mouseenter(function() {
$(".s").css("背景","url(images/68_60.png) 54px 0px 繰り返しなし");
$(this).css("背景"," #428bca").css("color","#FFFFFF")
});
$(this).siblings("li:not(.s)").mouseleave(function(){
$(this).css("background","none").css("color","#428bca")
$(".s").css("background","url(images) /68_60.png) 54px -30px no-repeat");
});

$(this).parent(jSelect).mouseleave(function(){
$(this). css("高さ",28)
})
$(jSelect).find("li:not(.s)").click(function(){
var cContent=$(jSelect).find("li:first").html();
var cdContent = $(jSelect).find("li:first") ").html(cdContent);
$(this).html(cContent);
$(this).find('a').removeClass('s');
$(this).find('a').removeAttr('style');
$(jSelect).find("li:first").addClass('s');
$(this).parent("ul").css("height",28);
});
$(".s").css("背景","url(images/68_60.png) 54px -30px 繰り返しなし");

})(jQuery);

复制代代码如下:

• English
• 简体中文
• 繁体中文<