Question

我没有使用jquery或java脚本的经验 - 抱歉！

我有一个带flash动画的aspx页面。如果闪光灯不可用，则会显示静态图像。我希望图像淡入。目前这不起作用。我甚至尝试使用$（imgConnect）.hide（）;隐藏图像。但这也不起作用！该页面位于一个Web应用程序中，我正在VS 2010中进行开发。我确实在同一个Web应用程序的另一个页面中添加了一些示例jquery，并使用相同的jquery库引用正常工作。

有人可以帮忙吗？

<div id="flash">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="197" id="myFlashContent">
            <param name="movie" value="intro.swf" />
            <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="intro.swf" width="600" height="197">
            <!--<![endif]-->

                <img id="imgConnect" src="images/letsconnect.png" alt="Let's Connect" title="Let's Connect" />
                <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

                <script type="text/javascript">

                    $("imgConnect").hide().fadeIn("slow", function () { });

                </script>
            <!--[if !IE]>-->
            </object>
            <!--<![endif]-->
        </object>
</div>

Answer 1

以下是一个工作示例：http://jsfiddle.net/JptBV/1/

您需要先隐藏图片

<img id="imgConnect" src="images/letsconnect.png" style="display:none" />

然后你可以稍后再显示

$(document).ready(function(){
    $("#imgConnect").fadeIn('slow');
});

Answer 2

我认为你需要$("#imgConnect")

哈希符号表示您正在根据ID

进行选择

此外，您可能希望将其包装在ready()：

中

$(document).ready(function() {
    $("#imgConnect").hide().fadeIn("slow", function () { });
});

最后，如果您在img上设置style='display: none;'，则可以摆脱hide()来电并让它淡入。或者，如果它过快地消失，您可以$('#imgConnect').delay(500).fadeIn() （延迟需要几毫秒并等待那么长时间才能执行下一个动画功能）

jquery隐藏图片然后fadein

2 个答案: