<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
{margin:0;padding:0;}
demo{width:269px;height:300px;margin:100px auto;cursor:pointer;}
</style>
</head>
<body>
<div class="demo">
<img src="picjpg" />
</div>
<script src="jquery-1101js"></script>
<script>
$(function(){
var t=3000;//这里设定消失的时间是3秒;
function funA(){ //这个函数是起消失作用的函数，会让元素消失；
$("demo img")fadeOut();
}
var doA=setTimeout(funA,t); //这里是默认情况下的执行消失函数；
function stopfunA(){ //这里是禁止元素消失的函数
clearTimeout(doA)
}
$("demo img")hover(function(){// 元素获得焦点后
stopfunA(); //清除了消失函数，所以元素会一直存在
})
})
</script>
</body>
</html>
其实不管用哪种方法，其原理都是跟body onload()大同小异的，而其中body onload()才是最简便快捷的方式：
<body onload="documentgetElementById("baidubox")focus();">
或者把onload单独脱离出来：
<script>
windowonload = function() {documentgetElementById("baidubox")focus();}
</script>
以上就是关于jQuery实现元素显示几秒后隐藏，但是获得焦点时又能一直显示，求示例代码，js jquery 都可以全部的内容，包括:jQuery实现元素显示几秒后隐藏，但是获得焦点时又能一直显示，求示例代码，js jquery 都可以、javascript问题页面加载完成后搜索框获得焦点、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）