将jquery的fadein()效果应用于php echo

时间:2014-01-27 14:52:19

标签: javascript php jquery

我想将jquery fadein()效果应用于php echo显示..

   <?php 
    echo "Name";
   ?>

什么是简单地在echo中显示“Name”...但是我希望“Name”能够得到jquery的fadein()效果....

我的代码就像..

echo"<div id='title'>
             <span style='margin-top:1%; margin-left:3%;float:left;color: #3bb598'>campus name </span>
             <span style='margin-top:1%; margin-right:3%;float:right;color: #3bb598'>city</span>
             <br>
             <table><tr>
             <th><img src='rj.jpg' id='img' align='top'></th>
             <th>".$textid."</th>   
             </tr></table> 
             </div>
            ";

我希望echo内部的结果应该带有fadein()效果。

2 个答案:

答案 0 :(得分:1)

这就是我所做的。在我的PHP代码中包含了一个id为fadein的div,然后使用了这个jquery代码:

$(function(){
    $('#fadein').hide();
    $('#fadein').fadeIn();
});

答案 1 :(得分:1)

在css中

,使用display:none隐藏id title;

这将隐藏div而不加载javascript,最好在这里使用css。

在jquery中,使用:

$(function(){ $('#title').fadeIn(); });

对于淡入淡出速度,将上面的代码修改为$('#title').fadeIn('time');,其中时间可以是“慢”,“快”或任何数字。