zoukankan      html  css  js  c++  java
  • jq 手风琴案例

    <style>

    ul {
    list-style: none;
    }

    * {
    margin: 0;
    padding: 0;
    }

    div {
    1150px;
    height: 400px;
    margin: 50px auto;
    border: 1px solid red;
    overflow: hidden;
    }

    div li {
    240px;
    height: 400px;
    float: left;
    }

    div ul {
    1300px;
    }
    </style>
    </head>
    <body>
    <div id="box">
    <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    </div>
    <script src="jquery-1.12.4.js"></script>
    <script>
    $(function () {
    var $li=$("#box li");
    for(var i=0;i<$li.length;i++){
    $li.eq(i).css("backgroundImage","url(imgs/image/"+(i+1)+".jpg)");
    $li.mouseenter(function () {
    $(this).stop().animate({800}).siblings().stop().animate({100});
    }).mouseleave(function () {
    $li.stop().animate({240});
    });
    }
    });
    </script>
  • 相关阅读:
    最短路径
    图解最小生成树
    图解最小生成树





    线索二叉树
    二叉树
  • 原文地址:https://www.cnblogs.com/lujieting/p/10104794.html
Copyright © 2011-2022 走看看