小提示
  • Ctrl+/代码提示(需IE11)
  • F11键放大 ESC键缩小
  • PgUp上页 PgDn下页
推荐代码
运行代码 缩小
    • 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
    • 1.7.3 1.7.2 1.7.1.0 1.7.0.0
    • 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
    • 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
    • 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
    • core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
    • 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
    • 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6
    • 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
    • 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
    • 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2
十度
HTML代码
复制 格式化 注释 注释 清空
放大
​x
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
    <head>
4
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5
        <title>鼠标经过变换文字
6
        </title>
7
    </head>
8
    <body>
9
        <ul id="Menu">
10
            <li>
11
                <a href="#">
12
                    <span>HOME
13
                    </span>首页
14
                </a>
15
            </li>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大 
xxxxxxxxxx
32
 
1
#Menu{
2
  width:500px;
3
  margin:50px auto;
4
  border:1px solid #CCC;
5
  overflow:hidden;
6
}
7
#Menu ul{
8
  margin:0;
9
  padding:0;
10
  list-style:none;
11
}
12
#Menu li{
13
  width:100px;
14
  height:22px;
15
  line-height:22px;
16
  float:left;
17
  overflow:hidden;
18
  text-align:center;
19
}
20
#Menu a{
21
  width:100px;
22
  float:left;
23
  overflow:hidden;
24
}
25
#Menu span{
26
  display:block;
27
  margin-top:-22px;
28
}
29
#Menu a:hover{
30
  padding-top:22px;
31
}
32
​
JS代码
复制 格式化 注释 注释 清空
放大 
JS代码...
xxxxxxxxxx
1
 
1
​
运行代码

简介

名称
鼠标经过变换文字
分类
鼠标特效
描述
一个会切换菜单文字的JavaScript特效，当鼠标移到菜单上时，菜单的文字会变化，由中文变成了英文，还记得那些中英文菜单是怎么做的吗？或许你找到灵感了。
收藏