<?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> |