请问怎样用Jquery里的fadeIn和FadeOut弄图片效果,按下图片会放大置中,并且背景变暗,再按一下都回复原貌?
新手没搞懂逻辑概念,下面知道错了很多,烦请指正一下<html><head><scriptsrc="js/jquery-1.4a2.min.js">/</script></...
新手没搞懂逻辑概念, 下面知道错了很多,烦请指正一下
<html>
<head>
<script src="js/jquery-1.4a2.min.js">/</script>
</head>
<body bgcolor="#222222">
<td>
<div><img class = "p" src= "images/1.jpg"></div></td>
<script type="text/javascript">
$(function(){
$(".p").click(function(){
$("#div1").fadeIn(400);
});
$("*").click(function(){
$("#div1").fadeOut(400); //没按第二次就fadeout了??});});
</script>
<br>
<div id = "div1" style="width:150px;height:150px;align:center;"><img src"images/1.jpg"></div> //图片不置中而且自己会显示出来??
</br>
< bgcolor="#000000"; opacity="0.5"> //怎麼转背景??
</body>
</html> 展开
<html>
<head>
<script src="js/jquery-1.4a2.min.js">/</script>
</head>
<body bgcolor="#222222">
<td>
<div><img class = "p" src= "images/1.jpg"></div></td>
<script type="text/javascript">
$(function(){
$(".p").click(function(){
$("#div1").fadeIn(400);
});
$("*").click(function(){
$("#div1").fadeOut(400); //没按第二次就fadeout了??});});
</script>
<br>
<div id = "div1" style="width:150px;height:150px;align:center;"><img src"images/1.jpg"></div> //图片不置中而且自己会显示出来??
</br>
< bgcolor="#000000"; opacity="0.5"> //怎麼转背景??
</body>
</html> 展开
3个回答
展开全部
那个不是fadeIn和fadeOut··那等于是一个弹出层了···
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
fadein与fadeout是渐隐与渐现吧.感觉你没弄懂意思.点击图片放大效果还要另起一个层.这就是两个效果加在一起.网上有现在案例.然后组合起来就可以的.祝好运~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果需要的话发给你个弹出框的例子，自己研究一下就行，留个邮箱
追问
可以的话发个弹出图片的给我谢谢,需要没用插件直接写代码的: 2481956152@qq.com
追答
已发送，请查收
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
