小弟刚学JQuery,请高人们解决个问题
$("#fadeDiv").click(function()
{
$("#pan").fadeTo("slow",0.1);
$("#pan").fadeTo("slow",1);
}
我想实现这样一个效果,当点击id为fadeDiv的元素时,id为pan的元素透明度变为10%,再点击下透明度恢复为100%,如此往复请问上面的代码如何修改,或替换,也可用条件判断,只要实现这个效果就行.谢谢
$("#fadeDiv").click(function()
{
$("#pan").fadeTo("slow",0.1);
$("#pan").fadeTo("slow",1);
}
我想实现这样一个效果,当点击id为fadeDiv的元素时,id为pan的元素透明度变为10%,再点击下透明度恢复为100%,如此往复请问上面的代码如何修改,或替换,也可用条件判断,只要实现这个效果就行.谢谢
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#pan{width:200px;height:200px;background:red;margin:10px;}
#fadeDiv{width:100px;height:20px;background:blue;border:solid 1px blue}
</style>
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript">
$(function(){
$("#fadeDiv").toggle(function(){
$("#pan").fadeTo("slow", 0.1);
},function(){
$("#pan").fadeTo("slow", 1);
});
})
</script>
</HEAD> <BODY>
<div id="fadeDiv"></div>
<div id="pan"></div>
</BODY>
</HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$("#fadeDiv").toggle( function() {
$("#pan").fadeTo('slow',0.1);
},
function () {
$("#pan").fadeTo('slow',1);
});
});
</script>
</head><body>
<div id="fadeDiv">点我</div>
<span id="pan">效果</span>
</body>
</html>
$(function(){
$('#fadeDiv').toggle(function(){
$('#pan').fadeOut(500);
},function(){
$('#pan').fadeIn(500);
});
});