‘壹’ 如何使用jquery让元素显示后自动隐藏
<script src="jQuery/jquery.js"></script><!--请留意JQ引用位置-->
<!--脚本部分开始-->
<script language="javascript">
$(document).ready(function(){
//第一行,鼠标移到P标签,span中的元素显示
$("img#p1").mouseover(function(){$("img#span1").show()})
//第二行,鼠标离P标签,span中的元素隐藏
$("img#p1").mouseout(function(){$('img#span1').hide()})
})
</script>
<!--脚本部分结束-->
<!--HTML部分开始-->
<p id="p1">把鼠标移动到这里来</p>
<span><img id="span1" src="span图片.JPG" style="display:none"/>我是显示内容1</span>
<!--HTML部分结束-->
<!--解释:通过jQuery的show()、hide()函数可以实现显示和隐藏功能,通过jQuery的CSS选择器可以选择HTML标签-->
‘贰’ jquery问题,鼠标移除间隔一秒隐藏div层,鼠标移上去继续显示div,一秒内可反复移入移除
<style>
#menuli{float:left:position:relative;line-height:35px;}
#menuli.sub{width:300px;height:300px;background-color:#000;position:absolute;left:0;top:0;display:none;}
</style>
<ulid="menu"><li><ahref="a">aaaa</a><divclass="sub"></div></li>
<script>
varnav=$("#menuli");
vartm;
li.hover(function(){
vara=$(this).find(".sub");
if(tm){
clearTimeout(tm);
}
a.show();
$(this).attr("data-id","1");
},function(){
vara=$(this).find(".sub");
tm=setTimeout(function(){$(this).attr("data-id","0");a.hide();},1000);
});
</script>
简单来将在li如果之前有过划入,并且离开后倒计时没结束,那么在此划入不会改变他的显示状态。如果前面的倒计时还在那就清除倒计时重新开始。
‘叁’ 如何设置一个DIV在网页中显示几秒然后自动隐藏消失
可以用JS来控制。
代码如下:
<div id="nogg">广告层</div>
<script type="text/javascript">
setTimeout(function(){document.getElementById("nogg").style.display="none";},4000);
</script>
利用JS代码拆入10秒倒计时,如下:
<span id="numDiv">10</span>秒……
<script type="text/javascript">
varnum=10
varinterval=setInterval(function(){if(num==0){clearInterval(interval)}
numDiv.innerHTML=num--},1000)
</script>
(3)jquery多少秒后隐藏图片扩展阅读:
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
setTimeout(code,millisec)
1、code,描述:必需。要调用的函数后要执行的 JavaScript 代码串。
2、millisec,描述:必需。在执行代码前需等待的毫秒数。
例如:
<bodyonLoad="MM_timelinePlay('Timeline1')">
<divid="Layer1"style="position:absolute;left:419px;top:295px;width:160px;height:145px;
z-index:1;visibility:inherit">asdfasdf</div>
‘肆’ 关于jsp页面 ,我想让一个div显示30秒,显示后隐藏20秒,在显示,进行循环如何写js啊
用jquery是实现吧,比较简单 快捷,有fieldIn 和fieldOut 这是显示和消失的,还有个定时,你查查,我也忘了
‘伍’ 如何在点击一个按钮时使用jquery隐藏图片
在这个按钮的点击事件中选中该图片后调用jQuery的hide()方法。
‘陆’ jquery怎么实现过几秒消失的标签提示
setTimeout(function(){
$('class名').hide();//找到对应的标签隐藏
},3000)//3000是表示3秒后执行隐藏代码
‘柒’ jQuery实现元素显示几秒后隐藏,但是获得焦点时又能一直显示,求示例代码,js jquery 都可以
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
<style>
*{margin:0;padding:0;}
.demo{width:269px;height:300px;margin:100pxauto;cursor:pointer;}
</style>
</head>
<body>
<divclass="demo">
<imgsrc="pic.jpg"/>
</div>
<scriptsrc="jquery-1.10.1.js"></script>
<script>
$(function(){
vart=3000;//这里设定消失的时间是3秒;
functionfunA(){//这个函数是起消失作用的函数,会让图片元素消失;
$(".demoimg").fadeOut();
}
vardoA=setTimeout(funA,t);//这里是默认情况下的执行消失函数;
functionstopfunA(){//这里是禁止图片元素消失的函数
clearTimeout(doA)
}
$(".demoimg").hover(function(){//图片元素获得焦点后
stopfunA();//清除了消失函数,所以图片元素会一直存在
})
})
</script>
</body>
</html>
‘捌’ jquery 5秒后自动消失 怎样写
有一个 setTimeout(callback,delay) 函数,函数的功能是在延迟delay毫秒的时间后,执行callback回调函数,所以5秒后自动消失可以用这个方法,代码如下:
setTimeout("$('#id').hide()",5000);
//或者如下
setTimeout("$('#id').attr('style','display:none')",5000);
‘玖’ html中,让图片显示3秒后自动消失/隐藏代码
使用js定时器setTimeout()方法,定时三秒将要修改的图片的display设为none.
<scripttype="text/javascript">
setTimeout(function(){//定时器
$("img").css("display","none");//将图片的display属性设置为none
},
3000);//设置三千毫秒即3秒
</script>
‘拾’ 用jquery怎么设置图片为默认隐藏
设置默认隐藏最好修改<img>标签的style="display:none"
img.hide()
显示时调用 img.show()方法就可以