鼠标滑过更换文字内容 - 阿强爱分享

鼠标滑过更换文字内容

作者: Aqiang

全网最全的网络资源分享网站

手机扫码查看

标签:

样式代码

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!邮箱:2377724272@qq.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="#"><span>HOME</span>首页</a></li> 
     <li><a href="#"><span>NEWS</span>新闻</a></li> 
     <li><a href="#"><span>ABOUT</span>关于</a></li> 
     <li><a href="#"><span>CONTACT</span>联系</a></li> 
     <li><a href="#"><span>照片</span>PHOTO</a></li> 
   </ul> 
</body> 
</html>
分享到:
打赏

公告提示:本站已开放注册,欢迎投稿。
头像
站长签名: 专注分享各类源码-全网资源免费分享平台好货不私藏

文章作者信息版权声明

阅读时间:  发布于:2019-10-23

本文标题: 鼠标滑过更换文字内容

本文链接: https://iooqp.cn/?post=532

版权声明:文章为《 Aqiang》原创,转载请保留出处! 本文共有 1125 个字!

分享到:

评论

未显示?请点击刷新
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

© 2019 阿强爱分享   京ICP备19031919号-2

粤公网安备 44200002443934号

免责声明:本站所发布的资源信息及软件文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,本站信息来自网络,版权争议与本站无关。

鼠标滑过更换文字内容

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏