JQuery 定时操作实现图片显示与隐藏
程序员文章站
2022-03-06 22:26:29
...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
<script>
$(function(){
time = setInterval("showAd()",3000);
});
function showAd(){
// 1. $("#img1").show();
// 2. $("#img1").slideDown();
// 3.
$("#img1").fadeIn();
clearInterval(time);
time = setInterval("hiddenAd()",3000);
}
function hiddenAd(){
// 1. $("#img1").hide();
// 2. $("#img1").slideUp();
// 3.
$("#img1").fadeOut();
clearInterval(time);
}
</script>
<script>
$(function(){
$("#btn1").click(function(){
$("#img2").toggle();
});
});
</script>
</head>
<body>
<img src="../img/1.jpg" style="display: none;" id="img1"/>
<input type="button" id="btn1" value="btn"/><br />
<img src="../img/big01.jpg" id="img2"/>
</body>
</html>
上一篇： Java生成excel（多sheet）
下一篇： XSSFWorkbook设置背景色的方法