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

ホームページ

ウェブフロントエンド

jsチュートリアル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:21 PM

jsドロップダウンメニュー言語オプション

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 a>
简体中文
繁体中文

复制代代码如下:

*{
マージン:0px;
パディング: 0px;
}
body{
マージン: 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{
text-decoration: none;
}
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;vertical-align: text-top;background-image: url("http://file.aconf.org/public/images/icons/flags.png");background-repeat: no-repeat;*margin- right: .3em;margin-right: 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{背景-position: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{背景-position: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{背景-position:-36px -31px}
.flag-er{background-position:-36px -62px}
.flag-es{background-position:-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}
。 flag-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{背景-position:-36px -1891px}
.flag-lc{background-position:-36px -1922px}
.flag-li{background-position:-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}
。 flag-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{背景-position:-72px -1551px}
.flag-pr{background-position:-72px -1582px}
.flag-ps{background-position:-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 -scotland{背景の位置:-108px -31px}
.flag-sd{背景の位置:-108px -62px}
.flag-se{背景の位置:-108px -93px}
。 flag-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{背景-position:-108px -992px}
.flag-tz{background-position:-108px -1023px}
.flag-ua{background-position:-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}
。 flag-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}

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

如何使用JS和百度地图实现地图平移功能Nov 21, 2023 am 10:00 AM

如何使用JS和百度地图实现地图平移功能百度地图是一款广泛使用的地图服务平台，在Web开发中经常用于展示地理信息、定位等功能。本文将介绍如何使用JS和百度地图API实现地图平移功能，并提供具体的代码示例。一、准备工作使用百度地图API前，首先需要在百度地图开放平台（http://lbsyun.baidu.com/）上申请一个开发者账号，并创建一个应用。创建完成

如何使用JS和百度地图实现地图多边形绘制功能Nov 21, 2023 am 10:53 AM

如何使用JS和百度地图实现地图多边形绘制功能在现代网页开发中，地图应用已经成为常见的功能之一。而地图上绘制多边形，可以帮助我们将特定区域进行标记，方便用户进行查看和分析。本文将介绍如何使用JS和百度地图API实现地图多边形绘制功能，并提供具体的代码示例。首先，我们需要引入百度地图API。可以利用以下代码在HTML文件中导入百度地图API的JavaScript

js字符串转数组Aug 03, 2023 pm 01:34 PM

js字符串转数组的方法：1、使用“split()”方法，可以根据指定的分隔符将字符串分割成数组元素；2、使用“Array.from()”方法，可以将可迭代对象或类数组对象转换成真正的数组；3、使用for循环遍历，将每个字符依次添加到数组中；4、使用“Array.split()”方法，通过调用“Array.prototype.forEach()”将一个字符串拆分成数组的快捷方式。

如何使用JS和百度地图实现地图热力图功能Nov 21, 2023 am 09:33 AM

如何使用JS和百度地图实现地图热力图功能简介：随着互联网和移动设备的迅速发展，地图成为了一种普遍的应用场景。而热力图作为一种可视化的展示方式，能够帮助我们更直观地了解数据的分布情况。本文将介绍如何使用JS和百度地图API来实现地图热力图的功能，并提供具体的代码示例。准备工作：在开始之前，你需要准备以下事项：一个百度开发者账号，并创建一个应用，获取到相应的AP

js中new操作符做了哪些事情Nov 13, 2023 pm 04:05 PM

js中new操作符做了：1、创建一个空对象，这个新对象将成为函数的实例；2、将新对象的原型链接到构造函数的原型对象，这样新对象就可以访问构造函数原型对象中定义的属性和方法；3、将构造函数的作用域赋给新对象，这样新对象就可以通过this关键字来引用构造函数中的属性和方法；4、执行构造函数中的代码，构造函数中的代码将用于初始化新对象的属性和方法；5、如果构造函数中没有返回等等。

用JavaScript模拟实现打字小游戏！Aug 07, 2022 am 10:34 AM

这篇文章主要为大家详细介绍了js实现打字小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。

php可以读js内部的数组吗Jul 12, 2023 pm 03:41 PM

php在特定情况下可以读js内部的数组。其方法是：1、在JavaScript中，创建一个包含需要传递给PHP的数组的变量；2、使用Ajax技术将该数组发送给PHP脚本。可以使用原生的JavaScript代码或者使用基于Ajax的JavaScript库如jQuery等；3、在PHP脚本中，接收传递过来的数组数据，并进行相应的处理即可。

js是什么编程语言？May 05, 2019 am 10:22 AM

js全称JavaScript，是一种具有函数优先的轻量级，直译式、解释型或即时编译型的高级编程语言，是一种属于网络的高级脚本语言；JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式，如函数式编程。

See all articles

ホットAIツール

ホットツール

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティングサービスをチェックしてください。

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。