当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 控制超级链接的样式代码

技术文章搜索

关键字

Javascript 中的 javascript 控制超级链接的样式代码

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 90 ::
收藏到网摘: n/a

document.styleSheets[0].rules 与 cssRules区别 一个刚完成的layout（拖动流畅，不受iframe影响）

点击运行可以看到效果:<a href="#">超级链接</a> <script language=javascript> 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>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

document.styleSheets[0].rules 与 cssRules区别 一个刚完成的layout（拖动流畅，不受iframe影响）

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）