windows10设置没有切换到本地账户选项怎么办 解决方法介绍_百度知道君,已阅读到文档的结尾了呢~~
第一章基础知识
扫扫二维码,随身浏览文档
手机或平板扫扫即可继续访问
第一章基础知识
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由:
将文档分享至:
分享完整地址
文档地址:
粘贴到BBS或博客
flash地址:
支持嵌入FLASH地址的网站使用
html代码:
&embed src='/DocinViewer--144.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布,请您等待!
3秒自动关闭窗口C# 单击treeview的子节点获取提示_百度知道程序让生活更美好,这里有很多值得你探索,感谢您留下的每一个脚印
jQuery 国家语言(Language)选择切换讲解
日 | | 浏览: 4,010
现在网站不仅是做的国内的,更多的大企业或者是做外贸电子商务的网站都需要面向国际化,因此就涉及到语言的选择,多语言网站建的切换应该怎么设计呢?这里给你一款jQuery 国家语言(Language)选择切换的示例。
&!doctype html&
&html lang=&en&&
&meta charset=&utf-8&&
&title&jQuery Language Switcher&/title&
&link rel=&stylesheet& href=&languageswitcher.css&&
&h1&jQuery 语言切换选择&/h1&
&div id=&country-select&&
&form action=&server-side-script.php&&
&select id=&country-options& name=&country-options&&
&option selected=&selected& title=&& value=&us&&United States&/option&
&option title=&http://www.yoursite.co.uk& value=&uk&&United Kingdom&/option&
&option title=&http://www.yoursite.fr& value=&fr&&France&/option&
&option title=&http://www.yoursite.de& value=&de&&Germany&/option&
&option title=&http://www.yoursite.nl& value=&nl&&Netherlands&/option&
&input value=&Select& type=&submit& /&
&script src=&/js/jquery/1.9.1/jquery-1.9.1.min.js&&&/script&
&script src=&languageswitcher.js&&&/script&
实现的效果如图所示:
为了实现上面的效果除了上面的HTML外,还需要js和css。
languageswitcher.css文件CSS代码
* { margin: 0; padding: 0; }
body {
background: #ccc;
header {
display: block;
background: #777;
height: 50px;
position: relative;
min-width: 600px;
header h1 {
font: bold 24px Arial, Helvetica, sans-serif;
color: #fff;
position: absolute;
left: 20px;
#country-select {
position: absolute;
top: 13px;
width: 180px;
/* rought form styles for when JS is disabled */
#country-select form {
width: 180px;
padding: 0;
#country-select select,
#country-select input {
display: inline;
padding: 0;
margin: 0;
/* JS-created definition list */
.dropdown dd { position: relative; }
.dropdown a {
text-decoration: none;
outline: 0;
font: 12px Arial, Helvetica, sans-serif;
display: block;
width: 130px;
overflow: hidden;
.dropdown dt a {
background: #c45618;
border: 1px solid #964315;
padding: 3px 10px 4px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
.dropdown dt a.active {
background: #db5e18;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 1px dotted #676768;
-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
box-shadow: 0 3px 7px rgba(0,0,0,.5);
color: #fff;
.dropdown dd ul {
background: #814f33;
border: 1px solid #676768;
color: #C5C0B0;
display: none;
position: absolute;
z-index: 999;
padding: 2px 0 5px 0;
list-style: none;
border-top: none;
margin: 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
box-shadow: 0 3px 7px rgba(0,0,0,.5);
.dropdown dd ul li a {
padding: 2px 10px;
.dropdown dd ul li a span,
.dropdown dt a span {
float: left;
width: 16px;
height: 11px;
margin: 2px 6px 0 0;
background-image: url(flags.png);
background-repeat: no-repeat;
cursor: pointer;
.us a span { background-position: 0 0 }
.uk a span { background-position: -16px 0 }
.fr a span { background-position: -32px 0 }
.de a span { background-position: -48px 0 }
.nl a span { background-position: -64px 0 }
.dropdown dd ul li a em,
.dropdown dt a em {
font-style: normal;
float: left;
width: 100px;
cursor: pointer;
.dropdown dd ul li a em {
color: #dbc3b5;
.dropdown dd ul li a:hover { background-color: rgba(255,255,255,.1); }
.dropdown dd ul li a:hover em { color: #fff; }
languageswitcher.js文件JS代码
$(document).ready(function() {
// --- language dropdown --- //
// turn select into dl
createDropDown();
var $dropTrigger = $(&.dropdown dt a&);
var $languageList = $(&.dropdown dd ul&);
// open and close list when button is clicked
$dropTrigger.toggle(function() {
$languageList.slideDown(200);
$dropTrigger.addClass(&active&);
}, function() {
$languageList.slideUp(200);
$(this).removeAttr(&class&);
});
// close list when anywhere else on the screen is clicked
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass(&dropdown&))
$languageList.slideUp(200);
$dropTrigger.removeAttr(&class&);
});
// when a language is clicked, make the selection and then hide the list
$(&.dropdown dd ul li a&).click(function() {
var clickedValue = $(this).parent().attr(&class&);
var clickedTitle = $(this).find(&em&).html();
$(target dt&).removeClass().addClass(clickedValue);
$(target dt em&).html(clickedTitle);
$languageList.hide();
$dropTrigger.removeAttr(&class&);
});
});
// actual function to transform select to definition list
function createDropDown(){
var $form = $(&div#country-select form&);
$form.hide();
var source = $(country-options&);
source.removeAttr(&autocomplete&);
var selected = source.find(&option:selected&);
var options = $(&option&, source);
$(country-select&).append('&dl id=&target& class=&dropdown&&&/dl&')
$(target&).append('&dt class=&' + selected.val() + '&&&a href=&&&span class=&flag&&&/span&&em&' + selected.text() + '&/em&&/a&&/dt&')
$(target&).append('&dd&&ul&&/ul&&/dd&')
options.each(function(){
$(target dd ul&).append('&li class=&' + $(this).val() + '&&&a href=&' + $(this).attr(&title&) + '&&&span class=&flag&&&/span&&em&' + $(this).text() + '&/em&&/a&&/li&');
});
css 需要的图片资源
这里的css只是参考,可以根据自己的选择设计来。以上是关于jQuery的语言(Language)选择的实现方法。这里给出完整的下载包, jQuery的语言(Language)选择包示例
作者:知道91
除非注明,本文原创:,欢迎转载!转载请以链接形式注明本文地址,谢谢。原文链接:
当我们填写用户地址的时候,需要填写用户的地址,对于全球的用户我们不能让用户任意输入地址,需要的是让用户选择地址,而不是填写。但是全球的国家众多,每个国家的州/...
在我们使用JQuery开发的过程中我们有时会根据浏览器窗口的位置定位,本文讲解一下获取浏览器窗口尺寸、文档尺寸、以及浏览器滚动条尺寸的一些方法。
在网页特效中经常需要使用到Tab选项卡的特效,实现这种特效需要使用HTML、CSS、JS的综合运用。实现Tab选项卡介绍了使用jQuery UI和自定义实现HTML Tab 选项卡的两种方法。
本文介绍了JS/jQuery 实现Combobox可输可选下拉框的方法,可以通过Ajax实现动态加载可输可选下拉框的选项,可以在下拉框中输入一个新值动态添加一个数据选项,同样可以...
zTree 是一个依靠 jQuery 实现的 Tree/TreeView 熟悉插件, zTree 最大优点是具有灵活的配置、优异的性能、多种功能的组合。本文详细介绍了通过zTree实现jQuery设置Tree...
HTML&jQuery横向循环左右滚动导航方法讲解,实现了基于jquery可配置循环左右滚动例子讲解,可以实现横向滚屏,左右移动,适合做滚动导航。
为博客选择一个好的域名是非常重要的。试想一下,域名相当于是一个网站的商标,如果你选择了不合适的域名,你将很难去发展或重塑你的博客。然而许多人对域名选择并不重...
为网站想一个理想的域名并不容易。即使你想到了,绝大多数好的.com后缀的域名也已经被注册了。好在,域名市场正发生一些大的变化,大量新增的顶级域名后缀使注册到好的...
403 Forbidden错误是一个很常见的问题,很多WordPress新手都会遇到。今天我们就讲一下怎样轻松的解决WordPress中的403 Forbidden错误问题。 什么是403 Forbidden? 当你...
现如今,很多人都使用WordPress来建站。确实,作为一个简单易用,功能强大的内容管理系统,WordPress允许设置URL,可能有些人会直接使用默认生成的URL。但是你有没有想...
本文通过示例代码讲解了c#子类的构造函数与父类的关系,子类怎样集成父类的构造函数的。
本文讲述了Windows下 JIRA + Agile + Mysql 破解***示例教程
本文讲述了Windows下 JIRA + Agile + Mysql 破解***示例教程
本文通过示例代码讲解了c#子类的构造函数与父类的关系,子类怎样集成父类的构造函数的。
现如今,很多人都使用WordPress来建站。确实,作为一个简单易用,功能强大的内容管理系统,WordPress允许设置URL,可能有些人会直接使用默认生成的URL。但是你有没有想...
403 Forbidden错误是一个很常见的问题,很多WordPress新手都会遇到。今天我们就讲一下怎样轻松的解决WordPress中的403 Forbidden错误问题。 什么是403 Forbidden? 当你...
为网站想一个理想的域名并不容易。即使你想到了,绝大多数好的.com后缀的域名也已经被注册了。好在,域名市场正发生一些大的变化,大量新增的顶级域名后缀使注册到好的...
为博客选择一个好的域名是非常重要的。试想一下,域名相当于是一个网站的商标,如果你选择了不合适的域名,你将很难去发展或重塑你的博客。然而许多人对域名选择并不重...
Phonegap是一款开源的开发框...
为网站想一个理想的域名并不...
为博客选择一个好的域名是非...
403 Forbidden错误是一个很常...
现如今,很多人都使用WordPre...
本文通过示例代码讲解了c#子...
网站合作和广告投放
联系邮箱:
(加好友请注明来意)
诚意交换友情链接
网站使用问题
请直接询问或者反馈,您也可以在网站直接给我们留言,谢谢!
欢迎关注知道91博客
(C) 2014 保留所有权利. 
由长期支持