Question

如何在使用循环时从db中逐个显示fadein元素？

............................................... ..........................................

当我加载页面index.php时，它将显示来自db的40个元素，

但是我想应用代码来逐个显示fadein，我该怎么做？

在IE7中使用

。

的index.php

<?php
for($i=0;$i<40;$i++)
    {
    $strSQL = "SELECT * FROM products order by id desc Limit $i,1 ";
    $objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
    $objResult = mysql_fetch_array($objQuery);
    $products_img_thumbnail_path_grid[$i] = $objResult["products_img_path"];
    }
?>



<ul>
<?PHP 
for($i=0;$i<40;$i++)
    {
?>
         <li class="thumbnail" style=" list-style: none; float: left; margin: 7px; width: 80px; ">
            <div class="imgWrap" style=" float: left; height: 80px; " >
                <a href="xxxxx.php">
                    <img border="0" src="<?PHP echo $products_img_thumbnail_path_grid[$i]; ?>" width="80" height="80" style=" background-color: #fff; border: 1px solid #aaa; "/>
                </a>  
            </div>                  
        </li>
<?PHP
}
?>
</ul>

Answer 1

检查这个答案：

Using CSS for fade-in effect on page load

基本上你想使用css3动画对图像应用淡入效果

Answer 2

var test = $('ul li');
current = 0;
test.hide();
Rotator();

function Rotator() {
    $(test[current]).fadeIn('slow').delay(5000).fadeOut('slow');
    $(test[current]).queue(function() {
        current = current < test.length - 1 ? current + 1 : 0;
        Rotator();
        $(this).dequeue();
    });
}

在ul部分之后使用上面的代码，希望它适合你

如何在使用循环时从db中逐个显示fadein元素？

2 个答案: