我正在尝试在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>
答案 0 :(得分:0)
在JSFiddle
中测试并且似乎工作正常,请确保包含JQuery Library链接。
答案 1 :(得分:0)
导入jquery &LT; script src =“// ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”&gt;
然后在Dom准备就绪后尝试加载该函数:
$( document ).ready(function() {
$('#wrap h1').hide().slideDown(3000)**;**
$('.circles_1 img').hide().delay(3000).fadeIn(5000)**;**
});
不要忘记;
干杯。