我想在页面加载10秒后向div元素(id ="one")添加一个类,没有任何必须悬停或点击等等.我尝试了以下代码,但它不起作用:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
$(document).ready(function(){
$('#one').delay(10000).addClass("grow")
});
知道上面的代码出错了吗？
我有两个我想在页面上执行的功能.首先是一些jQuery在加载时在我的网站中慢慢消失.第二个是自动滚动div的一些javascript.我遇到的问题是让他们在同一页面上工作.另外他们工作正常.代码如下所示:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"</script>
<script type="text/javascript" src="mootools-core-1.3.1-full-nocompat.js"></script>
<script type="text/javascript" src="mootools-1.3.1.1-more.js"></script>
<script type="text/javascript" src="scrollGallery.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var scrollGalleryObj = new scrollGallery({
start:0,
autoScroll: true
});
});
</script>
<script>
$(document).ready(function(){
if (document.images){
$('#container').hide();
$(window).load(function(){
$.fx.speeds._default = 1000;
$("#container").delay(500).fadeIn(2000);
});
}
});
</script>
</head>
任何人对我做错了什么都有任何建议.我还在学习javascript,所以它可能会对这里的人们显而易见,在这种情况下,我提前为我的新问题道歉!
我试图在加载时使用j-query来淡入我的页面主体,但是由于某种原因,主体的背景图像不受j查询的影响.请参阅下面的代码:
头部的J-Query代码:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('body').fadeIn(2000);
});
</script>
CSS代码:
body
{
overflow:hidden;
background:url('body.png') no-repeat;
background-size:100%;
display:none;
}
正文中包含的所有内容(div/paragraph/headings等)根据j-query代码在加载时淡入,但是body的背景图像(body.png)会立即加载页面.任何人都可以建议我上面的代码做错了吗？
我有以下j-query代码(使用jquery插件ajax/libs/jquery/1.10.1)在单击一个单独的div元素时将div元素移动到左侧:
<script>
$(document).ready(function(){
$("#tab_box3").click(function(){
$.fx.speeds._default = 800;
$("#tab3").animate({left:"+=97%"});
});
});
</script>
我想要发生的是当第二次点击#tab_box3 div时,#tab3 div会回到它最初开始的位置.
我尝试了以下,使用Toggle,但它似乎没有工作:
<script>
$(document).ready(function(){
$("#tab_box3").click(function(){
$.fx.speeds._default = 800;
$("#tab3").animateToggle({left:"+=97%"});
});
});
</script>
有人可以提供建议吗？
我有一些j-query脚本,切换在悬停在单独的div上时淡化div.div渐渐消失,速度相同.我想要实现的是让鼠标在鼠标悬停时缓慢淡出,但是在鼠标移出后很快就消失了.
我到目前为止的脚本如下所示:
// JS code
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#nav1").hover(function(){
$("#splat1").fadeToggle(2000);
});
});
</script>
因此,#splat1 div目前在2秒内再次淡入和淡出.我理想的是它会在2秒内消失,但在0.5秒内消失.有什么建议？