CSS改动超链接字体款式ITeye - 千亿集团

CSS改动超链接字体款式ITeye

2019年04月01日08时18分35秒 | 作者: 绮烟 | 标签: 超链接,字体,款式 | 浏览: 558

网站中会有多种超链接,当咱们将鼠标移动到某一超链接上时,超链接就会以不同的字体款式显现。 例如超链接的字体款式显现为斜体、粗体、下划线、删去线或粗斜体等。 本使用将经过JavaScript代码改动超链接字体款式。 使用了字体款式中的fontWeight、fontStyle以及textDecoration特点,经过设置其特点值,改动超链接的字体款式。
 script language="javascript" 
//当鼠标移动到超链接时改动指定链接的字体款式
function onmovein(v)
 if (v"a")
 a.style.fontWeight = "Bold";//粗体
 if (v"b")
 b.style.fontStyle = "Italic";//斜体
 if (v"c")
 c.style.textDecoration = "underline";//下划线
 if (v"d")
 d.style.textDecoration = "line-through";//删去线
 if (v"e")
 e.style.fontWeight = "Bold";//粗体
 e.style.fontStyle = "Italic";//斜体
//当鼠标移出超链接时,康复超链接的字体款式
function onmoveout()
 a.style.fontWeight = "normal";
 b.style.fontStyle = "normal";
 c.style.textDecoration = "none";
 d.style.textDecoration = "none";
 e.style.fontStyle = "normal";
 e.style.fontWeight = "normal";
 /script 
 body vlink="#FF3300" bgcolor="#CCFFFF" 
 a href="#" name="a" onMouseMove="onmovein(a);" onMouseOut="onmoveout();" 粗体文字 /a ┊
 a href="#" name="b" onMouseMove="onmovein(b);" onMouseOut="onmoveout();" 斜体文字 /a ┊ 
 a href="#" name="c" onMouseMove="onmovein(c);" onMouseOut="onmoveout();" 下划线文字 /a ┊ 
 a href="#" name="d" onMouseMove="onmovein(d);" onMouseOut="onmoveout();" 删去线文字 /a ┊ 
 a href="#" name="e" onMouseMove="onmovein(e);" onMouseOut="onmoveout();" 粗体和斜体 /a 
 /body 
三 运转作用
版权声明
本文来源于网络,版权归原作者所有,其内容与观点不代表千亿集团立场。转载文章仅为传播更有价值的信息,如采编人员采编有误或者版权原因,请与我们联系,我们核实后立即修改或删除。

猜您喜欢的文章