鼠标滑过时改变文字

稿源：互联网 2022-04-02 21:40:19 点击： 8425 撤稿纠错

关于HTML+CSS的实例效果很多，下面举出常用的几列，供新手们学习参考，也欢迎高手拍砖，最好能提供更多的实现办法。

以下讨论的是和鼠标滑过相关的鼠标滑过时改变文字教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标经过变换文字</title>
<style>
#Menu {
 width:500px;
 margin:50px auto;
 border:1px solid #CCC;
 overflow:hidden;
}
#Menu ul {
 margin:0;
 padding:0;
 list-style:none;
}
#Menu li {
 width:100px;
 height:22px;
 line-height:22px;
 float:left;
 overflow:hidden;
 text-align:center;
}
#Menu a {
 width:100px;
 float:left;
 overflow:hidden;
}
#Menu span {
 display:block;
 margin-top:-22px;
}
#Menu a:hover {
 padding-top:22px;
}
</style>
</head>
<body>
<ul id="Menu">
 <li><a href="#">HOME首页</a></li>
 <li><a href="#">NEWS新闻</a></li>
 <li><a href="#">ABOUT关于</a></li>
 <li><a href="#">CONTACT联系</a></li>
 <li><a href="#">照片PHOTO</a></li>
</ul>
</body>
</html>

关于鼠标滑过时改变文字的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2011030468310.shtml方便下次再访问哦。

·上一篇： 2个同时向上翻滚的文字特效
·下一篇： JS网页版的俄罗斯方块游戏

鼠标滑过时改变文字

文章分类LIST >>返回首页

最新游戏

最新新闻