|
<?xml version="1.0" encoding="EUC-KR" ?>
<!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=EUC-KR" />
<title>Insert title here</title>
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript">
//body 로딩이 끝나고 난 뒤에 실행 된다.
// 정식..$(document).readyfunction(){
$(function(){
// :eq(1), :odd, :last
$('div p').css('border','thin solid blue');
//중국집 메뉴만 바탕색깔을 노란색으로 바꿔주세요(li을 변경)
$('ul li').css('background-color','yellow').width(100)
.parent().css('border','thick solid red')
.click(function(){
$(this).animate({"width":300,"height":300,"opacity":0.1},500,
function(){
$(this).animate({"width":"100%","opacity":1.0},500);
});
});
});
</script>
</head>
<body>
<ul>
<li>볶음밥</li>
<li>짜장면</li>
</ul>
<ol>
<li>첫번째</li>
<li>두번째</li>
</ol>
<div>
디아이브이
<p>여기는 p태그</p>
</div>
<script type="text/javascript">
//$('div').css('border','thin solid blue');
</script>
<p>여기는 바깥쪽 p태그</p>
<div>
나도 디아이브이이
</div>
</body>
</html> |
