|
<?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">
function execute(){ //execute() 만들기
$('#target').toggle(1000); //toggle(1000) 1초 가량 가려지는 기능
// ul li의 짝수만 숨겼다 나타났다를 하도록
$('#ddd li:even').toggle(1000); // 0 1 2 3 4 5 시작한다
}
</script>
</head>
<body>
<input type ="button" value="PUSH!!!" onclick="execute();" />
<div id="target" class="ui-weight ui-corner-all">타겟!!!</div>
<ul id="ddd">
<li>애프터스쿨</li>
<li>시스타</li>
<li>a-pink</li>
<li>f(x)</li>
<li>나인뮤지스</li>
</ul>
</body>
</html>
| 