1

我正在尝试在 jquery 中创建一个 fadeIn() 和 slideDown(),但它不想在 chrome 中工作。这是代码

$(function (){

    $('#wrap h1').hide().slideDown(3000)
    $('.circles_1 img').hide().delay(3000).fadeIn(5000)

})

这是它的html代码:

<section id="circles">

<figure class="circles_1"><a href="photoshop.html">image 1<img        src="images/photoshop.png"/></a></figure>

<figure class="circles_1"><a href="illustrator.html">image 2<img src="images/illustrator.png"/></a></figure>

<figure class="circles_1"><a href="indesign.html">image 3<img src="images/indesign.png"/></a></figure>

<figure class="circles_1"><a href="websites.html">image 4<img src="images/websites.png"/></a></figure>


</section>
4

2 回答 2

0

导入jquery<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" >

然后在Dom准备好后尝试加载函数:

$( document ).ready(function() {
    $('#wrap h1').hide().slideDown(3000)**;**
    $('.circles_1 img').hide().delay(3000).fadeIn(5000)**;**
});

不要忘记;

干杯。

于 2013-10-03T11:17:04.823 回答
0

经过测试JSFiddle并且看起来工作正常,请确保您包含 JQuery 库链接。

于 2013-10-03T10:18:51.180 回答