百度网页翻译功能

有用户说到多语言版本功能用百度的网页翻译功能，适合那些不懂却又比较喜欢装B的客户。

相关代码：

Css：

<style>
.header_company .y{z-index: 99999;}
.translate{display:inline-block;width:80px;float:right;}
.translate li{line-height: 26px;text-align: center;background: #fff;}
.translate li:hover {border: 1px dashed #cccccc;}
.translate li a{float:none;display: block;margin-left:0px;background: url(dot_lang.png) no-repeat 88% 11px;}
.translate li a:visited{text-decoration: none;color:#333;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;}
.translate li .translate-en a{margin:0px 5px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;font-size:12px;}
.translate li .translate-en a:hover{font-weight: bold;}
</style>

Html代码：

<ul class="translate">
	<li>
		<a>&#x8BED;&#x8A00;&#x7248;&#x672C;</a>
		<div class="translate-en">
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=zh&source=url&render=1" data-en="zh" target="_blank">&#x4E2D;&#x6587;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=en&source=url&render=1" data-en="en" target="_blank">&#x82F1;&#x6587;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=ara&source=url&render=1" data-en="ara" target="_blank">&#x963F;&#x62C9;&#x4F2F;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=est&source=url&render=1" data-en="est" target="_blank">&#x7231;&#x6C99;&#x5C3C;&#x4E9A;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=bul&source=url&render=1" data-en="bul" target="_blank">&#x4FDD;&#x52A0;&#x5229;&#x4E9A;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=pl&source=url&render=1" data-en="pl" target="_blank">&#x6CE2;&#x5170;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=dan&source=url&render=1" data-en="dan" target="_blank">&#x4E39;&#x9EA6;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=de&source=url&render=1" data-en="de" target="_blank">&#x5FB7;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=ru&source=url&render=1" data-en="ru" target="_blank">&#x4FC4;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=fra&source=url&render=1" data-en="fra" target="_blank">&#x6CD5;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=fin&source=url&render=1" data-en="fin" target="_blank">&#x82AC;&#x5170;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=kor&source=url&render=1" data-en="kor" target="_blank">&#x97E9;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=nl&source=url&render=1" data-en="nl" target="_blank">&#x8377;&#x5170;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=cs&source=url&render=1" data-en="cs" target="_blank">&#x6377;&#x514B;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=rom&source=url&render=1" data-en="rom" target="_blank">&#x7F57;&#x9A6C;&#x5C3C;&#x4E9A;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=pt&source=url&render=1" data-en="pt" target="_blank">&#x8461;&#x8404;&#x7259;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=jp&source=url&render=1" data-en="jp" target="_blank">&#x65E5;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=swe&source=url&render=1" data-en="swe" target="_blank">&#x745E;&#x5178;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=slo&source=url&render=1" data-en="slo" target="_blank">&#x65AF;&#x6D1B;&#x6587;&#x5C3C;&#x4E9A;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=th&source=url&render=1" data-en="th" target="_blank">&#x6CF0;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=spa&source=url&render=1" data-en="spa" target="_blank">&#x897F;&#x73ED;&#x7259;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=el&source=url&render=1" data-en="el" target="_blank">&#x5E0C;&#x814A;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=hu&source=url&render=1" data-en="hu" target="_blank">&#x5308;&#x7259;&#x5229;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=it&source=url&render=1" data-en="it" target="_blank">&#x610F;&#x5927;&#x5229;&#x8BED;</a>
			<a href="http://fanyi.baidu.com/transpage?query={$_YUZHE[company][siteurl]}&from=auto&to=cht&source=url&render=1" data-en="cht" target="_blank">&#x4E2D;&#x6587;&#x7E41;&#x4F53;</a>
		</div>
	</li>
</ul>

Js代码：

<script type="text/javascript">
jQuery(function(){
	jQuery('.translate-en a').last().css('border','none');
	jQuery('.translate li').hover(function(){
		jQuery(this).find('.translate-en').stop().slideDown();
	},function(){
		jQuery(this).find('.translate-en').stop().slideUp();
	});
});
</script>