`
zouwu85
  • 浏览: 18001 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jQuery入门例子

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="javascript" src="jquery.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
jQuery.fo2o = function() {   
$("p").live("click", function(){
$("#my").fadeOut("slow");
});
}; 
jQuery.zouwu = function(){
$("#my").live("click",function(){
  $("#my").css({ "margin-left": "10px", "background-color": "#ff0088", "width":"200px"});
  $("#you").load("http://www.baidu.com");

});
}
  jQuery().ready(function (){
jQuery.fo2o();
jQuery.zouwu();
  });

</SCRIPT>
</head>
<body>
<div id="my"><button value="添加背景色" height="5px"><h4><font color="#ff0088">添加背景色</font></h4></button>
<p><image src = "wewe.jpg"/>
<p><button value="隐藏">隐藏</button></p>

</div>
<div id="you" width="200px" height="200px"></div>
</body>
</html>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics