當前位置:首頁 » 圖片大全 » jquery多少秒後隱藏圖片
擴展閱讀
高清火腿腸圖片 2025-09-15 04:45:19
氣球卡通圖片無色 2025-09-15 04:36:11
十二星座圖片巨蟹座卡通 2025-09-15 04:24:21

jquery多少秒後隱藏圖片

發布時間: 2022-09-10 02:13:02

『壹』 如何使用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()方法就可以