作者 主題: div+css+ajax 做動態水平瀏覽的視窗  (閱讀 6181 次)

0 會員 與 1 訪客 正在閱讀本文。

hayaman212

  • 活潑的大學生
  • ***
  • 文章數: 372
    • 檢視個人資料
div+css+ajax 做動態水平瀏覽的視窗
« 於: 2008-08-13 15:42 »
http://69.2.35.72/bob/lakkakula/

這個sample是多個div再換
要怎麼用一個div做出來呢

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
回覆: div+css+ajax 做動態水平瀏覽的視窗
« 回覆 #1 於: 2008-08-21 13:19 »
改變 div 的屬性?

(我沒試過 XDD

hoyo

  • 榮譽博士
  • 俺是博士!
  • *****
  • 文章數: 4046
  • 性別: 男
  • 有需要的時候,學習就不會分階段。
    • 檢視個人資料
    • 樂咖黑電腦學習網
回覆: div+css+ajax 做動態水平瀏覽的視窗
« 回覆 #2 於: 2008-08-21 14:06 »
為什麼只要用  1 個?
受人與魚,不如授人與漁
上海自來水來自海上;倫敦好奇人奇好敦倫

Steven仔

  • 可愛的小學生
  • *
  • 文章數: 20
    • 檢視個人資料
回覆: div+css+ajax 做動態水平瀏覽的視窗
« 回覆 #3 於: 2009-06-05 12:49 »
可以用javascript 去做
試一試是不是你想要的東西~

代碼: [選擇]
<script type="text/javascript">



 $('#slideshow').cycle({
    fx:     'scrollHorz',
    prev:   '#prev',
    next:   '#next',
    after:   onAfter,
startingSlide: $("#goToPage").val() ,
    timeout: 0
});


function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    $('#prev')[index == 0 ? 'hide' : 'show']();
    $('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
}



  </script>
 <div style="width:100%;height:100%;position:relative">
<div style="position:absolute;left:50%;top:50%;width:1000px;height:450px;margin-top:-220px; margin-left:-500px; ">
 
    <div style="float:left;width:1000px; ">
        <table cellspacing="0" border="0" cellspacing="0" width="100%" height="100%"><tr valign="middle">
<td valign="middle"> <a id="prev" href="#"><img src="../images/prev.jpg" border="0" /></a></td>
        <td valign="middle" >
     
            <div id="slideshow" class="pics">
                 <div>
                <?php
                $solid_1 
file_get_contents(&#39;records_01.php&#39;);echo $solid_1;
                
?>

                  </div>
                 <div>
                  <?php
                $solid_2 
file_get_contents(&#39;records_02.php&#39;);echo $solid_2;
                
?>

                 </div>
                <div>
                <?php
                $solid_3 
file_get_contents(&#39;records_03.php&#39;);echo $solid_3;
                
?>

                </div>   
                <div>
                <?php
                $solid_4 
file_get_contents(&#39;records_04.php&#39;);echo $solid_4;
                
?>

                </div>
                <div>
                <?php
                $solid_5 
file_get_contents(&#39;records_05.php&#39;);echo $solid_5;
                
?>

                </div>
                <div>
                <?php
                $solid_6 
file_get_contents(&#39;records_06.php&#39;);echo $solid_6;
                
?>

                </div>
                <div>
                <?php
                $solid_7 
file_get_contents(&#39;records_07.php&#39;);echo $solid_7;
                
?>

                </div>
                <div>
                <?php
                $solid_8 
file_get_contents(&#39;records_08.php&#39;);echo $solid_8;
                
?>

                </div>     
</div> 
        </td>
<td valign="middle"><a id="next" href="#"><img src="../images/next.jpg" border="0" /></a></td>
        </tr>
        </table>
   
    </div>
   
</div>
</div>         


http://69.2.35.72/bob/lakkakula/

這個sample是多個div再換
要怎麼用一個div做出來呢