用html5 +css实现 点击之后 让图片自己一点点的从点击的地方完全移出显示 的效果怎么做 急 ！
1个回答
展开全部
这种效果很简单的，得用js或jquery实现，纯html+css不容易实现，即便你用html5实现，一般到实战情况下也是用不到的，没个卵用，以下是jquery实现
<style type="text/css">
.dianji{width:300px;height:300px;border:solid 1px green;overflow:hidden;}
.dianji img{display:none;}
</style>
<div class="dianji"><img src="1.jpg" /></div>
<script src="引入jquery" type="text/javascript"></script>
<script type="text/javascript">
$(".dianji").click(function(){
$(".dianji img").fadeIn(5000);
});
</script>
<style type="text/css">
.dianji{width:300px;height:300px;border:solid 1px green;overflow:hidden;}
.dianji img{display:none;}
</style>
<div class="dianji"><img src="1.jpg" /></div>
<script src="引入jquery" type="text/javascript"></script>
<script type="text/javascript">
$(".dianji").click(function(){
$(".dianji img").fadeIn(5000);
});
</script>
追问
那HTML5知道怎么实现吗？主要是老大要我用HTML做，现在效果我已经做出来了 就是不知道点击事件怎么弄，不用jquery
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
