中英文混排,用JS实现不同字体
2006-08-15 14:24
477 查看
<style>
.cn {
/* 这里是中文样式 */
color:red;
background-color:yellow;
font-size:12px;
}
.en {
/* 这里是英文样式 */
color:#333;
background-color:white;
font-size:14px;
}
</style>
<div id="divHutia">
中英文混排,假如首选字体为宋体的话,英文也变成宋体,但我想英文字体为Verdana,用SPAN标签的话每个网页改过去得累<br>死,我想用JS来实现,判断出是英文的话就设字体为Verdana,如何实现呢?请大虾帮忙~~~
些很实用且必用的小脚本代码:<br><br>脚本1:进入主页以后自动播放声音 <br><br><embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true> <br><br>脚本2:进入主页后自动最大话,省的去在自己单击了 <br><script> <br>self.moveTo(0,0) <br>self.resizeTo(screen.availWidth,screen.availHeight) <br></script> <br><br>脚本3:显示现在时间的脚本 <br><script language=vbscript>document.write now</script> <br><br>脚本4:显示最后修改时间的脚本 <br><script>document.write(document.lastModified)</script> <br><br>脚本5:设为首页,加为收藏,加入频道,启动outlook发信 <br><a style="cursor:hand" <br>onclick="this.style.behavior="url(#default#homepage)"; <br>this.setHomePage(http://10.13.31.90/~kayvin/);">">设为首页</a> <br><br><a style="cursor:hand" <br>onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a> <br><br><a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a> <br><br><br><a href="mailtkayvin@sohu.com">与我联系</a> <br><br>脚本6:状态栏动态显示现在时间 <br>
相关关键字: 中英文 字体
</div>
<script>
var tempObj=document.getElementById("divHutia");
hutia(tempObj);
function hutia(obj){
var re="", nn, ss;
if(obj.nodeType==1){
for(var i=0;i<obj.childNodes.length;i++)hutia(obj.childNodes[i]);
}else if(obj.nodeType==3){
nn=document.createElement("span");
nn.className="cn";
obj.parentNode.insertBefore(nn,obj);
ss=obj.nodeValue.replace(/&/g,"&").replace(/ /g," ").replace(/</g,"<").replace(/>/g,">").replace(//n/g,"<br>").replace(//"/g,""");
obj.parentNode.removeChild(obj);
nn.innerHTML=ss.replace(/[^/u0391-/uFFE5]+/g,hutia_en);
}
}
function hutia_en(str){
return("<span class=/"en/">"+str+"</span>");
}
</script>
.cn {
/* 这里是中文样式 */
color:red;
background-color:yellow;
font-size:12px;
}
.en {
/* 这里是英文样式 */
color:#333;
background-color:white;
font-size:14px;
}
</style>
<div id="divHutia">
中英文混排,假如首选字体为宋体的话,英文也变成宋体,但我想英文字体为Verdana,用SPAN标签的话每个网页改过去得累<br>死,我想用JS来实现,判断出是英文的话就设字体为Verdana,如何实现呢?请大虾帮忙~~~
些很实用且必用的小脚本代码:<br><br>脚本1:进入主页以后自动播放声音 <br><br><embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true> <br><br>脚本2:进入主页后自动最大话,省的去在自己单击了 <br><script> <br>self.moveTo(0,0) <br>self.resizeTo(screen.availWidth,screen.availHeight) <br></script> <br><br>脚本3:显示现在时间的脚本 <br><script language=vbscript>document.write now</script> <br><br>脚本4:显示最后修改时间的脚本 <br><script>document.write(document.lastModified)</script> <br><br>脚本5:设为首页,加为收藏,加入频道,启动outlook发信 <br><a style="cursor:hand" <br>onclick="this.style.behavior="url(#default#homepage)"; <br>this.setHomePage(http://10.13.31.90/~kayvin/);">">设为首页</a> <br><br><a style="cursor:hand" <br>onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a> <br><br><a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a> <br><br><br><a href="mailtkayvin@sohu.com">与我联系</a> <br><br>脚本6:状态栏动态显示现在时间 <br>
相关关键字: 中英文 字体
</div>
<script>
var tempObj=document.getElementById("divHutia");
hutia(tempObj);
function hutia(obj){
var re="", nn, ss;
if(obj.nodeType==1){
for(var i=0;i<obj.childNodes.length;i++)hutia(obj.childNodes[i]);
}else if(obj.nodeType==3){
nn=document.createElement("span");
nn.className="cn";
obj.parentNode.insertBefore(nn,obj);
ss=obj.nodeValue.replace(/&/g,"&").replace(/ /g," ").replace(/</g,"<").replace(/>/g,">").replace(//n/g,"<br>").replace(//"/g,""");
obj.parentNode.removeChild(obj);
nn.innerHTML=ss.replace(/[^/u0391-/uFFE5]+/g,hutia_en);
}
}
function hutia_en(str){
return("<span class=/"en/">"+str+"</span>");
}
</script>
相关文章推荐
- js实现可得到不同颜色值的颜色选择器实例
- JS 5种不同的方法实现装饰者模式(译)
- JS如何在不同浏览器下实现全屏
- 改变字体大小实现自适应之js方案A
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- js实现不同城市空气质量报告显示柱形图
- Python实现对比不同字体中的同一字符的显示效果
- Angularjs Ng_repeat中实现复选框选中并显示不同的样式
- js实现表格中不同单元格内容的替换(不同浏览器的节点属性兼容问题)
- Android 单独控件实现不同字体大小、不同颜色
- 【郭林专刊】Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- Android实战技巧:用TextView实现Rich Text---在同一个TextView中设置不同的字体风格
- iOS使用NSMutableAttributedString 实现富文本(不同颜色字体、下划线等)
- JQuery的read函数与js的onload不同方式实现
- dialog使用方法(同一页面,调用一个js代码,实现多个不同样式的弹窗)
- JS实现字体放大或缩小
- 前端页面使用js实现不同终端引入不同的html页面css样式js等
- 两种不同的方法实现js对checkbox进行全选和反选
- TextView中设置不同的字体属性(SpannableString实现)
- JS+CSS实现闪烁字体效果代码