BBS > jqeury

Banner menu 배너 매뉴

작성자 : 이창우 (x1wins) | 등록일 : 2011-05-25 | 목록
첨부 파일이 없습니다.
첨부 이미지가 없습니다.
<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Untitled Document</title> 
<!--
 
	Step #2
        	- effect -> jQueryUI로 변경.
              
	Step #1
       		- 배너 메뉴 구조 잡기.
--> 
<style> 
	
	body
	{
		background:#ffffff;
	}
	.bannerMenu
	{
		position:relative;
		
	}
	
	.bannerMenu > div
	{
		position:relative;
		float:left;
		border:1px solid #ececec;
		overflow:hidden;
		padding:0;
		margin:0;
		
		
		height:413px;
		width:213px;
	}
	
	.bannerMenu > div img
	{
		position:absolute;
		left:0;
		top:0;
		
	}
	
	
	
</style> 
 
 
<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"> 
</script> 
<script  type="text/javascript"  src="jquery-ui-1.8.9.custom.min.js"></script> 
<script  type="text/javascript"  src="js/main_min.js"></script> 
 
</head> 
 
<body> 
	
	<div class="bannerMenu"> 
       		<div> 
			<img src="images/m_1_over.png" > 
			<img src="images/m_1.png" >            
		</div> 
      		<div > 
                	<img src="images/m_2_over.png" > 
			<img src="images/m_2.png" > 
		</div> 
		<div > 
                	<img src="images/m_3_over.png" > 
			<img src="images/m_3.png" > 
		</div> 
		<div > 
                	<img src="images/m_4_over.png" > 
			<img src="images/m_4.png" > 
		</div> 
        
	</div> 
</body> 
</html> 
 
로그인 하셔야 댓글을 사용하실수 있습니다.
댓글쓰기를 누르면 로그인 페이지로 이동 후 돌아옵니다.
총 댓글 겟수 0
번호 제목 등록일 작성자 조회수
662 JQuery date 타입 (0) 2014-03-20 이창우 2654
564 spring form with ajax (0) 2012-08-02 이창우 2409
370 ajax 통신 로딩중 이미지 처리 (0) 2011-11-03 이창우 6237
369 jquery json parsing 배열 예제 (1) 2011-11-03 이창우 11942
367 jqeury json paring (0) 2011-11-02 이창우 2650
366 jquery xml parsing (0) 2011-11-02 이창우 4328
125 gallery (0) 2011-05-25 이창우 2534
-> Banner menu 배너 매뉴 (0) 2011-05-25 이창우 2619
< 1 >
글쓰기 검색