jquery控制元素的淡入淡出切换

最新推荐文章于 2023-12-14 19:51:15 发布

weixin_34237596

最新推荐文章于 2023-12-14 19:51:15 发布

阅读量641

点赞数 1

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/486532

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Jquery</title>


<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
    $('#btn').click(function(){
        $('#bk').fadeIn(3000);
    })
    $('#btn2').click(function(){
        $('#bk').fadeOut(3000);
    })
    $('#bk').mouseover(function(){   //此函数可使元素先淡入后淡出
        $('#bk').fadeToggle(3000);
        $('#bk').fadeToggle(3000);
        $('#bk').fadeTo(3000,0.6);     //设置元素的不透明度
    })
})
</script>
</head>
<body>
<h3 id='bk'>我是被控制的对象</h3>
<input type='button' id='btn' value='带入' />
<input type='button' id='btn2' value='淡出' />
<input type='button' id='btn3' value='切换' />
</body>
</html>

weixin_34237596

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery控制元素的淡入淡出切换

<!doctype html><html><head><meta charset="utf-8"><title>Jquery</title><script src="jquery.js" type="text/javascript"></...
复制链接

扫一扫