导航:首页 > 万维百科 > 网页设计鼠标移到字上变色

网页设计鼠标移到字上变色

 发布时间：2020-11-10 21:00:37

1、网页制作鼠标经过变色

<html>
<head><title>鼠标经过链接文字变色</title>
</head>
<body>
<a href=http://www.acbi.com.cn/ style="color='red';cursor:hand" onmouseover="javascript:this.style.color='yellow'"
onmouseout="javascript:this.style.color='red'">鼠标经过链接文字变色</a>
</body>
</html>

这个是鼠标经过文字时，文字变色的代码，希望能帮到你

2、网页制作，鼠标移动到这个层content，层title里的字变红色，怎么实现？（层关系在问题补充里）

<script type="text/javascript">
function Change()
{
document.getElementById("title").style.background="#F00"
}
</script>
<--上面是js-->
<--下面是-->

<div id="content" onmouseover="Change()">
<div id="title">这是标题</div>
<div id="entry">鼠标移动到整个层content，层title变成红色</div>
</div>

3、急！dreamweaver怎么制作鼠标经过文字字体变色效果

1、做好一个链接

2、点击工具面板中CSS模式下的“+”，打开新建CSS样式面板

3、选择“复合内容”，选择a:link，表示正常链接时的样式。

4、点击确定，打开样式设置面板，选择Color:#333，或别的你要的着色，确定。

5、下面设置鼠标经过的文字色彩，还是参考第二步，打开新建CSS规则面板，选择“复合内容”，选择器中选择：a:hover，

6、color中选择鼠标经过的颜色，这里以“#F00”即红色为例。确定。

7、下面看一下效果，完毕。

4、网页设计中如何让字体的颜色随着鼠标的移动或者鼠标经过字体时而改变？

样式表的运用
在
中添加代码
a:link
{
//鼠标未经过时也就是网页显示的颜色
color:darkgreen;
text-decoration:none;//不显示下划线
}
a:hover
{
//鼠标经过时也就是点击时颜色
color:red;
position:relative;
top:1px;
//鼠标经过时让链接的文字上移一像素（动态效果就在这）
text-decoration:none;
}
a:visited
{
//鼠标经过后也就是点击链接后的颜色
color:blue;
position:relative;
top:1px;
text-decoration:none;
}

5、网页设计中，当鼠标移过字体颜色会发生变化的效果怎么做啊

直接在CSS文件中添加一个定义链接就是了，在需要的地方调用，比如：

/*网站链接总的CSS定义:可定义内容为链接字体颜色、样式等*/

a{text-decoration: underline;} /*链接无下划线none,有为underline*/
a:link {color: #00007f;} /*未访问的链接 */
a:visited {color: #65038e;} /*已访问的链接*/
a:hover{color: #ff0000;} /*鼠标在链接上 */
a:active {color: #ff0000;} /*点击激活链接*/

6、网页制作javascript鼠标经过文字变色问题

<style type="text/css">
body,td,th {
font-size: 18px;
color: #999;
font-weight: bold;
}

上面已经设置了td,th文字颜色属性，

<td width="62"><div align="center"><a href=page1.html style="color='#999';cursor:hand" onmouseover="javascript:this.style.color='red'" 
onmouseout="javascript:this.style.color='#999'">游戏介绍</a></div></td>

这里又设置了颜色属性，不过行内样式优先，可以改成style="color=blue;............"，这时即：

<style type="text/css">
body,td,th {
font-size: 18px;
color: #999;
font-weight: bold;
}<td width="62"><div align="center"><a href=page1.html style="color='blue';cursor:hand" onmouseover="javascript:this.style.color='red'" 
onmouseout="javascript:this.style.color='#999'">游戏介绍</a></div></td>

这时颜色body,td,thcolor属性已经不起作用了也可以下面这样，去掉行内style="color:#999",行内的color属性去掉 前边color设置成你要的其实颜色。

<style type="text/css">
body,td,th {
font-size: 18px;
color: blue;
font-weight: bold;
}
<td width="62"><div align="center"><a href=page1.html style="cursor:hand" onmouseover="javascript:this.style.color='red'" 
onmouseout="javascript:this.style.color='#999'">游戏介绍</a></div></td>

有点乱，希望有帮助！

7、网页制作中 当鼠标放在button按钮上时 按钮颜色改变 如何实现？

插入代码<button onmouseover="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor='';" >button</button>即可实现。

8、网页设计标题上原来字体颜色很浅,当鼠标移到上面时字体颜色就会变深,然后移开鼠标又会恢复

给标题外加一个div或span，并且设置class样式：
div{color:#cccccc;}灰色
div:hover { color:#000000;}黑色

9、网页制作代码，鼠标放在导航栏上变色那种，

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div style="width:100px; height:30px; border:1px solid #cecece; line-height:30px; text-align:center;" onmouseover="this.style.background='#ff0000'" onmouseout="this.style.background=''">学院简介</div>

复制以上代码保存为html 浏览器打开

10、在网页设计中，怎样设计当鼠标浮动到超链接文本是，改变字体颜色和像素？

用CSS

a {color:#XXXXXX; font-size:12px;} // 鼠标没经过时，平常链接的字体颜色（XXXXXX是颜色的编号）和字号（这段可以不写，但是访问过的链接会变成紫色，如果不想变紫色，就写上这段）
a:hover {color:#XXXXXX; font-size:14px;} //鼠标经过时颜色，字号

与网页设计鼠标移到字上变色相关的知识