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+";}"
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
javascript 读取内联之外的样式(style、currentStyle、getComputedStyle区别介绍)
样式表有三种方式 内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效. 内部样式(internal Style Sheet):是写在HTML的<head></head>里面的,内部样式只对所在的网页有效. 外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件. 下面
-
给超级链接增加其他样式
给超级链接增加其他样式 a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00} a.two:link {color: #ff0000} a.two:visited {color: #0000ff} a.two:hover {font-size: 150%} a.three:link {color: #ff0000} a.three:visited {color: #0000ff
-
详谈 CSS样式表使用:链接/嵌入
在阿捷的w3cn中,他说: 引用内容在以前,我们通常采用2种方法使用样式表:页面内嵌法:就是将样式表直接写在页面代码的head区.类似这样:<style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用.<link rel="styles
-
获取内联和链接中的样式(js代码)
复制代码 代码如下: var head = document.getElementById( "box" ); // alert( head.style.background ) // alert( head.style.cssFloat || head.style.styleFloat ) // 获取float不一样 // head.style.fontSize = "30px" head.style.color = "#f00"; // (t
-
javascript 控制超级链接的样式代码
超级链接 linkColor="#ff0000"; linkFontSize="18px"; linkFontWeight="normal"; linkTextDecoration="none"; vlinkColor="#ff0000"; vlinkFontSize="18px"; vlinkFontWeight="normal"; vlinkTextDecorat
-
JavaScript控制图片360度旋转代码
JavaScript控制图片360度旋转代码 var isIE = (document.uniqueID)?1:0; var i=1; function rotate(image) { var object = image.parentNode; if(isIE){ image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")"; i++; if(i>4) {i
-
JavaScript操作class和style样式代码详解
废话不多说了,直接给大家贴js代码了,具体代码如下所示: <!doctype html> <html> <head> <meta charset="utf-"> <title>无标题文档</title> <style> .fontSize { font-size:px; } .fontWeight { font-weight:bold; } </style> </head> &l
-
javascript控制图片播放的实现代码
一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果.代码简洁明了,兼容ie.firefox和google浏览器. 分享代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
Javascript控制页面链接在新窗口打开具体方法
第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank"属性就搞定了,代码如下:jquery在新窗口打开 复制代码 代码如下: $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").addClass(
-
javascript 控制图片播放代码
无标题文档 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;height:222px;margin:0 5px} .photo .left img {width:310px;height
-
javascript获取元素CSS样式代码示例
使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:100px;height:100px;"></div> 内嵌样式即写在style标签中,例如<style type="text/css">div{width:100px; height:100px}</style> 链接式即为用link标签
-
javascript使用switch case实现动态改变超级链接文字及地址
代码很简单,我这里就不多废话了,小伙伴们直接看源码吧. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="te
-
javascript 控制 html元素 显示/隐藏实现代码
1.编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id
随机推荐
- 轻量级javascript 框架Backbone使用指南
- JavaScript和JQuery的鼠标mouse事件冒泡处理
- Fckeditor编辑器内容长度限制统计实现方法
- java单例模式使用详解
- 基于python select.select模块通信的实例讲解
- js实现简易的单数字随机抽奖(0-9)
- ASP.NET文件处理如何操作
- Docker定制容器镜像的2种方法(推荐)
- php 出现Strict Standards: Only variables should be passed by reference in的解决方法
- php eval函数用法 PHP中eval()函数小技巧
- JavaScript ParseFloat()方法
- 使用shell脚本分析网站日志统计PV、404、500等数据
- 使用JavaWeb webSocket实现简易的点对点聊天功能实例代码
- Java实力弹弹球实现代码
- Bcastr3.0 flash通用图片播放器
- 终于发现了鼠标关机后仍然发光的原因了与关闭键盘鼠标开机功能的方法第1/2页
- smarty自定义函数htmlcheckboxes用法实例
- 解析Vue2 dist 目录下各个文件的区别
- Android编程设计模式之中介者模式详解
- 浅析AndroidStudio3.0最新 Android Profiler分析器(cpu memory network 分析器)