javascript 控制超级链接样式的实现代码
发布时间：2014-09-23 编辑：jiaochengji.com
有没有想过用javascript可以灵活控制内容中超级链接的样式呢？没有做不到，只有想不到，来看今天为大家准备的这段代码吧，用js控制css样式。
1、html内容，就一句：
<a href="#">脚本学堂，欢迎大家的光临。</a>
2、控制链接样式的js代码。
<script language=javascript>
/**
* 控制超级链接样式
* by http://www.jbxue.com
*/
linkColor="#ff0000";
linkFontSize="18px";
linkFontWeight="normal";
linkTextDecoration="none";
vlinkColor="#ff0000";
vlinkFontSize="18px";
vlinkFontWeight="normal";
vlinkTextDecoration="none";
alinkColor="#3c5a9a";
alinkFontSize="20px";
alinkFontWeight="bold";
alinkTextDecoration="underline";
var linkStyle=document.createStyleSheet();
linkStyle.cssText="A:link{COLOR: "+linkColor + "; FONT-SIZE:" + linkFontSize + ";FONT-WEIGHT:" + linkFontWeight + ";TEXT-DECORATION:" + linkTextDecoration+";}"
+ "A:visited{COLOR: "+vlinkColor + "; FONT-SIZE:" + vlinkFontSize + ";FONT-WEIGHT:" + vlinkFontWeight + ";TEXT-DECORATION:" + vlinkTextDecoration+";}"
+ "A:hover{COLOR: "+alinkColor + "; FONT-SIZE:" + alinkFontSize + ";FONT-WEIGHT:" + alinkFontWeight + ";TEXT-DECORATION:" + alinkTextDecoration+";}"
</script>您可能感兴趣的文章：
javascript 控制超级链接样式的实现代码
字符串中网址转换成超链接的代码
GridView 超链接使用方法简介
Asp.net 页面导航的几种方法与比较
ASP.NET四种页面导航方式的比较与选择
js 控制页面跳转的五种方法
select下拉列表框中超链接跳转的代码一例
Asp.net 页面导航的几种方法
JavaScript页面跳转的几种方式(注释版)
CSS样式表应用技巧两则
[关闭]