请问怎样用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> 展开
1个回答
展开全部
你这个需求挺复杂的，你现在写的代码和你需要的查很多啊。
最好找个现成的吧。
function改成这样
$(function(){
$(".p").toggle(
function(){
$("#div1").fadeIn(400);
},
function(){
$("#div1").fadeOut(400); //没按第二次就fadeout了tangram_guid_1361991868341
}
);
});
这个只能fadein,fadeout.
按你说的，你需要做个遮罩层，div的布局要弄成绝对布局的，还要有一个置中div的算法。
最好找个现成的吧。
function改成这样
$(function(){
$(".p").toggle(
function(){
$("#div1").fadeIn(400);
},
function(){
$("#div1").fadeOut(400); //没按第二次就fadeout了tangram_guid_1361991868341
}
);
});
这个只能fadein,fadeout.
按你说的，你需要做个遮罩层，div的布局要弄成绝对布局的，还要有一个置中div的算法。
追问
做了遮罩层後 怎样按网页任意(所有)位置都能关闭层?
js部分
$(".closeLay").click(function () {
$("#bgColor").fadeOut();
$(this).parent().parent().fadeOut();
body部份该怎麼写出来?
追答
$(".p").toggle(
function(){
$("#div1").fadeIn(400);
},
function(){
$("#div1").fadeOut(400); //没按第二次就fadeout了tangram_guid_1361991868341
}
);
和这个写法类似，2个函数，一个function做fadein，一个做fadeout啊。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
