网页制作 当鼠标经过文字后字体会变大!在哪里写代码代码是什么!!
1个回答
展开全部
把要做特效的内容放到一个<a></a>标签里面,然后给它设置一个css样式:
a:hover{font-size:你想要的字体大小;}。
如果不想出现链接效果的话,可以把内容放到<span></span>标签,然后用span:hover{font-size:你想要的大小;}也行。这两种方法在IE7,8和Firefox上都可行。
如果要兼容杯具或者说餐具的IE6的话,只能用以下方法。
<a href="#" id="linkHover">你想出现效果的内容</a>
为了使得这个超链接表现得像普通文本内容,给这个超链接建立个样式如下:
a {color:Black; text-decoration:none;cursor:default;}
a.hover, a:hover { font-size:你想要的字体大小; }
之后再用一段JS给它动态增加css样式:
<script type="text/javascript">
<!--[if IE 6]>
document.getElementById('linkHover').onmouseover = function() {
this.className = "hover";
};
document.getElementById('linkHover').onmouseout = function() {
this.className = "";
}
<![endif]-->
</script>
至此,无论是Firefox,IE7,8还是杯具的IE6都能够得到想要的效果了。
a:hover{font-size:你想要的字体大小;}。
如果不想出现链接效果的话,可以把内容放到<span></span>标签,然后用span:hover{font-size:你想要的大小;}也行。这两种方法在IE7,8和Firefox上都可行。
如果要兼容杯具或者说餐具的IE6的话,只能用以下方法。
<a href="#" id="linkHover">你想出现效果的内容</a>
为了使得这个超链接表现得像普通文本内容,给这个超链接建立个样式如下:
a {color:Black; text-decoration:none;cursor:default;}
a.hover, a:hover { font-size:你想要的字体大小; }
之后再用一段JS给它动态增加css样式:
<script type="text/javascript">
<!--[if IE 6]>
document.getElementById('linkHover').onmouseover = function() {
this.className = "hover";
};
document.getElementById('linkHover').onmouseout = function() {
this.className = "";
}
<![endif]-->
</script>
至此,无论是Firefox,IE7,8还是杯具的IE6都能够得到想要的效果了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询