小提示
  • 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
Cheng...
HTML代码
复制 格式化 注释 注释 清空
放大
​x
 
1
<!DOCTYPE html>
2
<html>
3
    <head lang="en">
4
        <meta charset="UTF-8">
5
        <title>小木虫</title>
6
        <link rel="stylesheet" href="css/layout.css" type="text/css"/>
7
        <script src="js/xmc.js"></script>
8
        <style>
9
            a:hover{color:orangered;}
10
        </style>
11
    </head>
12
    <body>
13
        <!--header-->
14
        <div class="header">
15
            <!--top-->
CSS代码
复制 格式化 注释 注释 颜色 清空
放大 
xxxxxxxxxx
71
 
1
body{height: 2000px;}
2
*{margin:0;padding:0;}
3
/*header*/
4
.header{height:135px;width: 100%;background:#f5f5f5;}
5
/*header-top*/
6
.header-top{height:39px;width: 100%;border-bottom:1px solid #DDD;}
7
.wrap{width: 960px;margin: 0 auto;}
8
/*left*/
9
.hTopWrap-left{float:left;height:39px;line-height: 39px;text-align: left;}
10
.hTopWrap-left p{font-size: 12px;color:black;}
11
/*right*/
12
.hTopWrap-right{float:right;}
13
.hTopWrap-right ul li{float:left;list-style:none;padding-left: 20px;height:39px;line-height: 39px;text-align: left;}
14
.hTopWrap-right ul li a{font-size: 12px;text-decoration:none;color:black}
15
#download{color:orange;padding-left: 40px;}
JS代码
复制 格式化 注释 注释 清空
放大 
xxxxxxxxxx
82
 
1
/**
2
 * Created by Cheng_Rui on 2016/10/24.
3
 */
4
​
5
window.onload=function()
6
{
7
//-------------------------lunBo----------------------------
8
    var oUl=document.getElementById('ul1');
9
    var aLi=oUl.getElementsByTagName('li');
10
    var oKp=oUl.getElementsByClassName('kp');
11
    for(var i=0;i<aLi.length;i++)
12
    {
13
        aLi[i].index=i;
14
        aLi[i].onmouseover=function()
15
        {
运行代码

简介

名称
弹性导航+滚动条运动一段距离，菜单固定在可视区顶部
分类
菜单导航
描述
弹性导航+滚动条运动一段距离，菜单固定在可视区顶部
收藏