主题:[原创]新手学jquery,简单又实用的例子
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#gbox").animate({height:80},"slow");
$("#gbox").animate({width:1000},"slow");
$("#gbox").hide(1000);
$("#gbox").show(1000);
$("#gbox").slideUp(1000,function(){
$("#gbox").css("background-image","url(g1.jpg)");
$("#gbox").css("background-repeat","no-repeat");
$("#gbox").html(" <font color='#ffffff'>ab蓝学网,新站上线</font> 推出漂亮的桌面壁纸,实用的js特效实例");
});
$("#gbox").slideDown(500);
});
</script>
<div id="gbox"
style="background:#4599E1;height:1px;width:1px;font-size:30px; font-weight:bold; color:#FA3816; overflow:hidden;line-height:120px;">
</div>
更详细资料 ab蓝学网 http://www.ablanxue.com
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#gbox").animate({height:80},"slow");
$("#gbox").animate({width:1000},"slow");
$("#gbox").hide(1000);
$("#gbox").show(1000);
$("#gbox").slideUp(1000,function(){
$("#gbox").css("background-image","url(g1.jpg)");
$("#gbox").css("background-repeat","no-repeat");
$("#gbox").html(" <font color='#ffffff'>ab蓝学网,新站上线</font> 推出漂亮的桌面壁纸,实用的js特效实例");
});
$("#gbox").slideDown(500);
});
</script>
<div id="gbox"
style="background:#4599E1;height:1px;width:1px;font-size:30px; font-weight:bold; color:#FA3816; overflow:hidden;line-height:120px;">
</div>
更详细资料 ab蓝学网 http://www.ablanxue.com

您所在位置: