我有一个用户可以添加联系人的列表。一个数字列表。每次添加记录编号时,我都希望通过css transiton将fade
添加到列表中。
我写了这段代码:
while($record=mysql_fetch_array($selectResult))
{
$cont++;
if($record["T_id"]!=""){
//echo $record["T_id"]." - ".$record[1]." - ".$record[2]."<br>";
echo '<div class="numRecord" id="Numrecord-'.$cont.'" style="opacity:1">
<p class="recordCont">'.$cont.' -</p>
<p class="recordName">'.$record["T_name"].'</p>
<p class="recordNum">'.$record["T_prenumber"].'-'.$record["T_number"].'</p>
<a href="edit.php?edit=edit" id="edit-'.$cont.'">Edit</a>
<a href="edit.php?edit=del&&id='.$record["T_id"].'" id="delet-'.$record["T_id"].'">Delete</a>
</div>';
}else{
echo "Nothing to show";
}
}
和css是:
.numRecord {
position:relative;
border:1px dotted rgba(0,0,0,0.63);
width:100%;
height:30px;
float:left;
margin:5px 0 5px 0;
-webkit-transition:1s all ease;
-moz-transition:1s all ease;
-o-transition:1s all ease;
-ms-transition:1s all ease;
transition:1s all ease;
opacity:0;
}
但过渡不起作用:( ...