js 드롭다운 메뉴 언어 options_javascript 기술의 간단한 구현

旗子图그림

复主代码 代码如下:

(function($ ) {
var jSelect = $(".jsSelect")
$(jSelect).find("li:first").hover(function(){
$(".s"). css("배경","url(images/68_60.png) 54px 0px 반복 없음")
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("배경","없음").css("color","#428bca")
$(".s").css("배경","url(images /68_60.png) 54px -30px 반복 없음");
});

$(this).parent(jSelect).mouseleave(function(){
$(this). css("높이",28)
});
})
$(jSelect).find("li:not(.s)").click(function(){
var cContent=$(jSelect).find("li:first").html();
var cdContent = $(this).html()
$(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("높이",28);
});
$(".s").css("배경","url(images/68_60.png) 54px -30px 반복 없음");

})(jQuery);

复代码 代码如下:

• 영어
• 简体中文
• 繁体中文

复代码 代码如下:

<스타일>
*{
여백:0px;
패딩: 0px;
}
본문{
여백: 10px;
}


ul.jsSelect {
width:121px;
높이: 28px;
디스플레이:인라인;
왼쪽 여백:-2px;
오버플로:숨김;
배경:#FFF;
플로트:왼쪽;
테두리:1px 단색 #ccc;
패딩:0;
}
ul.jsSelect li {
margin:0px;
폭:118px;
높이:28px;
줄 높이:30px;
글꼴 크기: 14px;
글꼴 두께: 굵게;
커서:포인터;
패딩:0px 3px;
색상:#ccc;
테두리:없음;
목록 스타일: 없음;
}
ul.jsSelect li a{
텍스트 장식: 없음;
}
ul.jsSelect .s {
margin:0;
디스플레이: 블록;
왼쪽 여백: 0px;
커서: 포인터;
색상: #666;
경계: 없음;
배경 이미지: url(images/68_60.png);
백그라운드 반복: 반복하지 않음;
배경 위치: 54px -30px;
}

flag.css

复代码 代码如下:

[class^="flag-"],[class*=" flag-"] {display: inline-block;margin-top:2px;width: 16px;height: 11px;line-height: 11px;세로 정렬: 텍스트 상단;배경 이미지: url("http://file.aconf.org/public/images/icons/flags.png");배경 반복: 반복 없음;*마진- 오른쪽: .3em;마진-오른쪽: 0.3em}
[class^="flag-"]:last-child,[class*=" flag-"]:last-child {*margin-left: 0 }
.flag-ad{배경 위치:0 0}
.flag-ae{배경 위치:0 -31px}
.flag-af{배경 위치:0 -62px}
.flag-ag{배경 위치:0 -93px}
.flag-ai{배경 위치:0 -124px}
.flag-al{배경 위치:0 -155px}
.flag -am{배경 위치:0 -186px}
.flag-an{배경 위치:0 -217px}
.flag-ao{배경 위치:0 -248px}
.flag-ar {배경 위치:0 -279px}
.flag-as{배경 위치:0 -310px}
.flag-at{배경 위치:0 -341px}
.flag-au{배경 -위치:0 -372px}
.flag-aw{배경 위치:0 -403px}
.flag-ax{배경 위치:0 -434px}
.flag-az{배경 위치 :0 -465px}
.flag-ba{배경 위치:0 -496px}
.flag-bb{배경 위치:0 -527px}
.flag-bd{배경 위치:0 -558px}
.flag-be{배경 위치:0 -589px}
.flag-bf{배경 위치:0 -620px}
.flag-bg{배경 위치:0 -651px }
.flag-bh{배경 위치:0 -682px}
.flag-bi{배경 위치:0 -713px}
.flag-bj{배경 위치:0 -744px}
.flag-bm{배경 위치:0 -775px}
.flag-bn{배경 위치:0 -806px}
.flag-bo{배경 위치:0 -837px}
.flag-br{배경 위치:0 -868px}
.flag-bs{배경 위치:0 -899px}
.flag-bt{배경 위치:0 -930px}
.flag -bv{배경 위치:0 -961px}
.flag-bw{배경 위치:0 -992px}
.flag-by{배경 위치:0 -1023px}
.flag-bz {배경 위치:0 -1054px}
.flag-ca{배경 위치:0 -1085px}
.flag-catalonia{배경 위치:0 -1116px}
.flag-cc{배경 -위치:0 -1147px}
.flag-cd{배경-위치:0 -1178px}
.flag-cf{배경-위치:0 -1209px}
.flag-cg{배경-위치 :0 -1240px}
.flag-ch{배경 위치:2px -1271px}
.flag-ci{배경 위치:0 -1302px}
.flag-ck{배경 위치:0 -1333px}
.flag-cl{배경 위치:0 -1364px}
.flag-cm{배경 위치:0 -1395px}
.flag-zh-cn{배경 위치:0 -1426px}
.flag-co{배경 위치:0 -1457px}
.flag-cr{배경 위치:0 -1488px}
.flag-cs{배경 위치:0 -1519px }
.flag-cu{배경 위치:0 -1550px}
.flag-cv{배경 위치:0 -1581px}
.flag-cx{배경 위치:0 -1612px}
.flag-cy{배경 위치:0 -1643px}
.flag-cz{배경 위치:0 -1674px}
.flag-de{배경 위치:0 -1705px}
.flag-dj{배경 위치:0 -1736px}
.flag-dk{배경 위치:0 -1767px}
.flag-dm{배경 위치:0 -1798px}
.flag -do{배경 위치:0 -1829px}
.flag-dz{배경 위치:0 -1860px}
.flag-ec{배경 위치:0 -1891px}
.flag-ee {배경 위치:0 -1922px}
.flag-eg{배경 위치:0 -1953px}
.flag-eh{배경 위치:-36px 0}
.flag-england{배경 -위치:-36px -31px}
.flag-er{배경-위치:-36px -62px}
.flag-es{배경-위치:-36px -93px}
.flag-et{ 배경 위치:-36px -124px}
.flag-europeanunion{배경-위치:-36px -155px}
.flag-fam{배경-위치:-36px -186px}
.flag-fi {배경 위치:-36px -217px}
.flag-fj{배경 위치:-36px -248px}
.flag-fk{배경 위치:-36px -279px}
.flag- fm{배경 위치:-36px -310px}
.flag-fo{배경 위치:-36px -341px}
.flag-fr{배경 위치:-36px -372px}
.flag -ga{배경 위치:-36px -403px}
.flag-gb{배경 위치:-36px -434px}
.flag-gd{배경 위치:-36px -465px}
. 플래그-ge{배경-위치:-36px -496px}
.flag-gf{배경-위치:-36px -527px}
.flag-gh{배경-위치:-36px -558px}
.flag-gi{배경 위치:-36px -589px}
.flag-gl{배경 위치:-36px -620px}
.flag-gm{배경 위치:-36px -651px}
.flag-gn{배경 위치:-36px -682px}
.flag-gp{배경 위치:-36px -713px}
.flag-gq{배경 위치:-36px -744px}
.flag-gr{배경 위치:-36px -775px}
.flag-gs{배경 위치:-36px -806px}
.flag-gt{배경 위치:-36px -837px}
.flag-gu{배경-위치:-36px -868px}
.flag-gw{배경-위치:-36px -899px}
.flag-gy{배경-위치:-36px -930px }
.flag-hk{배경 위치:-36px -961px}
.flag-hm{배경 위치:-36px -992px}
.flag-hn{배경 위치:-36px - 1023px}
.flag-hr{배경-위치:-36px -1054px}
.flag-ht{배경-위치:-36px -1085px}
.flag-hu{배경-위치:-36px -1116px}
.flag-id{배경 위치:-36px -1147px}
.flag-ie{배경 위치:-36px -1178px}
.flag-il{배경 위치:-36px -1209px}
.flag-in{배경 위치:-36px -1240px }
.flag-io{배경-위치:-36px -1271px}
.flag-iq{배경-위치:-36px -1302px}
.flag-ir{배경-위치:-36px - 1333px}
.flag-is{배경 위치:-36px -1364px}
.flag-it{배경 위치:-36px -1395px}
.flag-jm{배경 위치:-36px -1426px}
.flag-jo{배경 위치:-36px -1457px}
.flag-jp{배경 위치:-36px -1488px}
.flag-ke{배경 위치:- 36px -1519px}
.flag-kg{배경 위치:-36px -1550px}
.flag-kh{배경 위치:-36px -1581px}
.flag-ki{배경 위치: -36px -1612px}
.flag-km{배경-위치:-36px -1643px}
.flag-kn{배경-위치:-36px -1674px}
.flag-kp{배경-위치 :-36px -1705px}
.flag-kr{배경-위치:-36px -1736px}
.flag-kw{배경-위치:-36px -1767px}
.flag-ky{배경- 위치:-36px -1798px}
.flag-kz{배경-위치:-36px -1829px}
.flag-la{배경-위치:-36px -1860px}
.flag-lb{배경 -위치:-36px -1891px}
.flag-lc{배경-위치:-36px -1922px}
.flag-li{배경-위치:-36px -1953px}
.flag-lk{ 배경 위치:-72px 0}
.flag-lr{배경 위치:-72px -31px}
.flag-ls{배경 위치:-72px -62px}
.flag-lt{ 배경 위치:-72px -93px}
.flag-lu{배경 위치:-72px -124px}
.flag-lv{배경 위치:-72px -155px}
.flag-ly {배경 위치:-72px -186px}
.flag-ma{배경 위치:-72px -217px}
.flag-mc{배경 위치:-72px -248px}
.flag- md{배경 위치:-72px -279px}
.flag-me{배경 위치:-72px -310px}
.flag-mg{배경 위치:-72px -342px}
.flag -mh{배경 위치:-72px -373px}
.flag-mk{배경 위치:-72px -404px}
.flag-ml{배경 위치:-72px -435px}
. 플래그-mm{배경 위치:-72px -466px}
.flag-mn{배경 위치:-72px -497px}
.flag-mo{배경 위치:-72px -528px}
.flag-mp{배경 위치:-72px -559px}
.flag-mq{배경 위치:-72px -590px}
.flag-mr{배경 위치:-72px -621px}
.flag-ms{배경 위치:-72px -652px}
.flag-mt{배경 위치:-72px -683px}
.flag-mu{배경 위치:-72px -714px}
.flag-mv{배경 위치:-72px -745px}
.flag-mw{배경 위치:-72px -776px}
.flag-mx{배경 위치:-72px -807px}
.flag-my{배경-위치:-72px -838px}
.flag-mz{배경-위치:-72px -869px}
.flag-na{배경-위치:-72px -900px }
.flag-nc{배경 위치:-72px -931px}
.flag-ne{배경 위치:-72px -962px}
.flag-nf{배경 위치:-72px - 993px}
.flag-ng{배경 위치:-72px -1024px}
.flag-ni{배경 위치:-72px -1055px}
.flag-nl{배경 위치:-72px -1086px}
.flag-no{배경 위치:-72px -1117px}
.flag-np{배경 위치:-68px -1148px}
.flag-nr{배경 위치:- 72px -1179px}
.flag-nu{배경 위치:-72px -1210px}
.flag-nz{배경 위치:-72px -1241px}
.flag-om{배경 위치: -72px -1272px}
.flag-pa{배경-위치:-72px -1303px}
.flag-pe{배경-위치:-72px -1334px}
.flag-pf{배경-위치 :-72px -1365px}
.flag-pg{배경-위치:-72px -1396px}
.flag-ph{배경-위치:-72px -1427px}
.flag-pk{배경- 위치:-72px -1458px}
.flag-pl{배경-위치:-72px -1489px}
.flag-pm{배경-위치:-72px -1520px}
.flag-pn{배경 -위치:-72px -1551px}
.flag-pr{배경-위치:-72px -1582px}
.flag-ps{배경-위치:-72px -1613px}
.flag-pt{ 배경 위치:-72px -1644px}
.flag-pw{배경 위치:-72px -1675px}
.flag-py{배경 위치:-72px -1706px}
.flag-qa {배경 위치:-72px -1737px}
.flag-re{배경 위치:-72px -1768px}
.flag-ro{배경 위치:-72px -1799px}
.flag- rs{배경 위치:-72px -1830px}
.flag-ru{배경 위치:-72px -1861px}
.flag-rw{배경 위치:-72px -1892px}
.flag -sa{배경 위치:-72px -1923px}
.flag-sb{배경 위치:-72px -1954px}
.flag-sc{배경 위치:-108px 0}
.flag -스코틀랜드{배경 위치:-108px -31px}
.flag-sd{배경 위치:-108px -62px}
.flag-se{배경 위치:-108px -93px}
. 플래그-sg{배경-위치:-108px -124px}
.flag-sh{배경-위치:-108px -155px}
.flag-si{배경-위치:-108px -186px}
.flag-sj{배경 위치:-108px -217px}
.flag-sk{배경 위치:-108px -248px}
.flag-sl{배경 위치:-108px -279px}
.flag-sm{배경 위치:-108px -310px}
.flag-sn{배경 위치:-108px -341px}
.flag-so{배경 위치:-108px -372px}
.flag-sr{배경-위치:-108px -403px}
.flag-st{배경-위치:-108px -434px}
.flag-sv{배경 위치:-108px -465px}
.flag-sy{배경 위치:-108px -496px}
.flag-sz{배경 위치:-108px -527px }
.flag-tc{배경 위치:-108px -558px}
.flag-td{배경 위치:-108px -589px}
.flag-tf{배경 위치:-108px - 620px}
.flag-tg{배경 위치:-108px -651px}
.flag-th{배경 위치:-108px -682px}
.flag-tj{배경 위치:-108px -713px}
.flag-tk{배경 위치:-108px -744px}
.flag-tl{배경 위치:-108px -775px}
.flag-tm{배경 위치:- 108px -806px}
.flag-tn{배경 위치:-108px -837px}
.flag-to{배경 위치:-108px -868px}
.flag-tr{배경 위치: -108px -899px}
.flag-tt{배경-위치:-108px -930px}
.flag-tv{배경-위치:-108px -961px}
.flag-zh-tw{배경 -위치:-108px -992px}
.flag-tz{배경-위치:-108px -1023px}
.flag-ua{배경-위치:-108px -1054px}
.flag-ug{ 배경 위치:-108px -1085px}
.flag-um{배경 위치:-108px -1116px}
.flag-en-us{배경 위치:-108px -1147px}
.flag -uy{배경 위치:-108px -1178px}
.flag-uz{배경 위치:-108px -1209px}
.flag-va{배경 위치:-108px -1240px}
. 플래그-vc{배경-위치:-108px -1271px}
.flag-ve{배경-위치:-108px -1302px}
.flag-vg{배경-위치:-108px -1333px}
.flag-vi{배경 위치:-108px -1364px}
.flag-vn{배경 위치:-108px -1395px}
.flag-vu{배경 위치:-108px -1426px}
.flag-wales{배경-위치:-108px -1457px}
.flag-wf{배경-위치:-108px -1488px}
.flag-ws{배경-위치:-108px -1519px}
.flag-ye{배경-위치:-108px -1550px}
.flag-yt{배경-위치:-108px -1581px}
.flag-za{배경-위치:-108px -1612px}
.flag-zm{배경-위치:-108px -1643px}
.flag-zw{배경-위치:-108px -1674px}