0

今日、このサイトを見ました

実際にはフラッシュに組み込まれています。しかし、jQueryで上記のフラッシュ内のツリーを移動して、ページ内の固定位置に固定するか、jqueryでブラウザの周りを移動する鳥を移動したいと考えています。それはできますか？私を助けてください。前もって感謝します。

4

1 に答える 1

0 
    <script type="text/javascript">
    $(document).ready(function(){
        $('#banner li:first-child').nextAll('li').hide();   
    /*  $('#banner li:gt(0)').hide();*/
        setInterval(function(){
        $('#banner li:first-child').fadeOut(3000).next('li').fadeIn(3000).end().appendTo('#banner');
        }, 3000);
    });
    </script>

    <style>
    ul#banner {
        padding:0px;
        margin:0px;
        background:#fff;
        position:absolute;
        top:97px;
        left:185px;
    }
    ul#banner li {
        list-style:none;
        font-family:Arial, Helvetica, sans-serif;
        background:#fff;
        display:block;
        position:absolute;
        left:0;
        top:0;
        width:980px;
        height:451px;
    }
    ul#banner li h1 {
        position:absolute;
        top:20px;
        left:435px;
        font-weight:normal;
        z-index:1;
    }
    .relative {
        position:relative;
    }

    </style>
<body>
    <ul id="banner">
            <li>&nbsp;</li>
            <li><img src="pic2.jpg" alt="" /></li>
            <li>
              <h1>Willkommen...</h1>
              <img src="pic3.jpg" alt="" /></li>
            <li>
              <h1>Willkommen...</h1>
            </li>
            <li>&nbsp;</li>
            <li>
              <h1>...in einer neuen Sphare!</h1>
              <img src="pic6.jpg" alt="" /></li>
          </ul>
    </body>
于 2012-05-17T10:55:39.947 に答える