JS+CSS实现微信二维码显示

严格来说,这只是使用JS来控制DIV显示/隐藏,配合微信二维码,就显得高大上和实用多了。

演示效果,把鼠标放在右上角的微信图标上。

JS+CSS显示二维码
JS+CSS显示二维码

1,添加JS代码在</head>前;

<script type="text/javascript">
function  showImg(){
document.getElementById("wxImg").style.display='block';
}
function hideImg(){
document.getElementById("wxImg").style.display='none';
}
</script>

wxImg是二维码图片的包围DIV。

2,HTML代码如下:

<div id="kalated-weixin">

	<a href="javascript:void(0)" onMouseOut="hideImg()"  onmouseover="showImg()">
		<img class="wx" src="http://www.czqiushi.com/wp-content/uploads/2015/10/wx.png">
	</a>

</div>
	<div id="wxImg" style="display:none; right: 120px; top: 50px;back-ground:#f00;position:absolute; z-index:999;">
		<img class="wx" src="http://www.czqiushi.com/wp-content/uploads/2015/10/weixin.jpg">
	</div>

3,接下来就是调整CSS来美化外观了。

[转]为何WordPress英文主题不显示中文:Cufon字体特效

经常会有WordPress英文主题不显示文章标题,其原因是英文主题设计者喜欢用Cufon字体特效,从而导致中文无法显示,Cufon字体特效js代码主要是将文字以图片的方式显示出来,但是其缺点是:只支持英文字符和数字,其他文字只能和他说拜拜了,中文也不例外,下面我们看看Cufon字体特效究竟是何方神圣。

cufon

什么是Cufon?
Cufon 是一个用来替代 sIFR 框架,实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库(cufon-yui.js)。

为什么要用Cufon
在web开发中,经常面对的一种“冲突”,即“字体(Font Family)冲突”。通常的这一冲突总是爆发于 Web 页面的设计者(Designer)和开发者(Coder)之间。在很多场合下,Web 页面的设计者都会倾向于在他们的页面设计稿中,为文字附加使用一些“特殊”的字体和特效,以此来展示他们卓越的设计能力。比如设计一个公司的Logo,图 片上的一些特殊字体是从ps字库中调出的,当然这些文字在图片上显示肯定是没有问题的,但是如果要在网页中用文本来显示这些效果,就是会让开发人员抓狂 了,因为浏览器并不支持所有的字体,这种情况Cufon就会大显身手了。

Cufon实现原理
Cufon 技术的实现策略其实就是以一定标准,在网页相关位置上“画”出了所需要显示的文字字符,并同时替换原先区域所需要显示的文字。借助于浏览器所推出的专有页面绘画方案,如 VML、Canvas 和 SVG 等,来进行页面的绘画。

WordPress英文主题不显示中文解决方案:
在WordPress主题查找Cufon.replace字样并将其删除即可。

PHP判断浏览器语言实现网页跳转

外贸建站时,会考虑做双语站,如果用wordpress来实现,一般可采用:根目录下建英文站,次级目录cn里建中文站,两个网站可以采用不同的主题风格。

php

另外遇到的一个问题是,企业在英文站上发布最新产品和研究成果,不希望国内的同行查看,可以考虑用以下的代码来简单识别国内浏览者,强制转向中文站。

此段代码加在head内,当代码侦测浏览器语言为中文时,网站直接跳转到www.test.com/cn/。

<?php
$language = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'],0,5);
if($language == "zh-CN")
{
$url = "http://www.test.com/cn/";
echo "<script language='javascript' type='text/javascript'>";
echo "window.location.href='$url'";
echo "</script>";
}
?>

本代码在各浏览器上运行成功,除了FF。