이전
목록
다음
열

상단 가운데 정렬 , 스크롤시 상단에 고정...

열매
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-07-01 (월) 16:47:45 · 5754 · 5

<style type="text/css">
#topmenu {margin:0px auto; width:100%;text-align:center;position:fixed;top:0px;}
.topmenu_div { background-color:#dfdfdf;display:none;padding:0px;margin:0px;border-bottom: 0px solid #bebebe;}
.close_bottom { position:absolute;right:10px;top:10px;cursor:pointer;padding:0px; }

#topmenu_bottom_div{width:115px;margin:-1px auto; z-index:1000;text-align:center;overflow:hidden;border: 1px solid #bebebe;background-color:#dfdfdf;}
.topmenu_bottom {float:left;padding:5px 10px;cursor:pointer;}
</style>

 

 

<div id="topmenu">

 <div id="topmenu_div1" class="topmenu_div">
  시간표 </div>

 <div id="topmenu_div2" class="topmenu_div">
  메뉴2<br>메뉴2<br>메뉴2
 </div>

 <div id="topmenu_bottom_div">
  <div id="topmenu_1" class="topmenu_bottom">12반</div>
  <div id="topmenu_2" class="topmenu_bottom">13반</div>
 </div>
</div>


<div>
<? for($n = '1' ; $n <= '50'; $n++ ){?>
<?=$n?><br>
<?}?>

</div>


<script type="text/javascript">
$(document).ready(function(){

 $("#topmenu_1").click(function () {

  if($("#topmenu_div1").hasClass("div_show") == true) {
   $("#topmenu_div1").slideUp("fast");
   $("#topmenu_div1").removeClass("div_show");
  } else if($("#topmenu_div1").hasClass("div_show") == false) {
   $("#topmenu_div2").slideUp("fast");
   $("#topmenu_div1").addClass("div_show");
   $("#topmenu_div1").slideDown("fast");
   $("#topmenu_div2").removeClass("div_show");
  }

 });

 $("#topmenu_2").click(function () {

  if($("#topmenu_div2").hasClass("div_show") == true) {
   $("#topmenu_div2").slideUp("fast");
   $("#topmenu_div2").removeClass("div_show");
  } else if($("#topmenu_div2").hasClass("div_show") == false) {
   $("#topmenu_div2").addClass("div_show");
   $("#topmenu_div2").slideDown("fast");
   $("#topmenu_div1").slideUp("fast");
   $("#topmenu_div1").removeClass("div_show");
  }

 });

});
</script>

#개발자팁 #개발자 #팁자료실 #jquery
|

댓글 5개

ttakumi22
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-07-01 (월) 19:57:53
여러가지 정보들 얻네요
조조재익
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-07-02 (화) 09:44:11
감사합니다
pport
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-07-03 (수) 09:33:42
좋은 정보 감사합니다.
jjinmuk
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-07-12 (금) 15:50:07
좋은정보 감사합니다.
ffxxk
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2015-01-01 (목) 15:17:21
정보 감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-08-07 조회 3,270
13-08-06 조회 3,224
13-08-06 조회 4,262
13-08-05 조회 4,680
13-08-02 조회 3,514
13-08-01 조회 3,314
13-08-01 조회 4,026
13-07-30 조회 4,069
13-07-29 조회 3,238
13-07-29 조회 3,934
13-07-27 조회 4,182
13-07-26 조회 3,405
13-07-25 조회 3,984
13-07-25 조회 6,711
13-07-25 조회 4,131
13-07-24 조회 3,787
13-07-24 조회 3,529
13-07-24 조회 3,916
13-07-23 조회 4,346
13-07-23 조회 7,314
13-07-23 조회 8,432
13-07-23 조회 3,497
13-07-23 조회 5,096
13-07-23 조회 9,733
13-07-23 조회 5,362
13-07-23 조회 1.2만
13-07-19 조회 3,224
13-07-18 조회 3,361
13-07-16 조회 4,183
13-07-15 조회 4,534
13-07-15 조회 4,005
13-07-14 조회 4,658
13-07-14 조회 5,042
13-07-14 조회 5,986
13-07-14 조회 5,287
13-07-14 조회 5,443
13-07-14 조회 5,416
13-07-14 조회 4,697
13-07-14 조회 4,303
13-07-14 조회 4,165
13-07-14 조회 4,225
13-07-14 조회 4,944
13-07-14 조회 4,589
13-07-14 조회 4,374
13-07-14 조회 5,412
13-07-14 조회 5,301
13-07-14 조회 5,068
13-07-14 조회 4,788
13-07-14 조회 5,473
13-07-13 조회 3,745
13-07-12 조회 3,579
13-07-12 조회 3,239
13-07-12 조회 3,505
13-07-11 조회 4,001
13-07-11 조회 5,061
13-07-11 조회 5,500
13-07-11 조회 4,442
13-07-11 조회 4,115
13-07-11 조회 3,906
13-07-11 조회 1.3만
13-07-10 조회 3,624
13-07-10 조회 4,637
13-07-09 조회 4,111
13-07-09 조회 4,680
13-07-09 조회 4,934
13-07-08 조회 4,044
13-07-08 조회 4,664
13-07-07 조회 5,431
13-07-05 조회 4,239
13-07-04 조회 4,297
13-07-04 조회 4,231
13-07-04 조회 1만
13-07-04 조회 4,327
13-07-04 조회 4,126
13-07-04 조회 4,915
13-07-04 조회 4,003
13-07-04 조회 4,404
13-07-04 조회 4,069
13-07-04 조회 4,187
13-07-03 조회 5,919
13-07-01 조회 1.4만
13-07-01 조회 5,755
13-07-01 조회 5,842
13-07-01 조회 3,924
13-07-01 조회 5,417
13-07-01 조회 3,757
13-07-01 조회 4,678
13-07-01 조회 3,705
13-07-01 조회 4,495
13-07-01 조회 4,168
13-07-01 조회 4,572
13-07-01 조회 6,724
13-06-28 조회 5,032
13-06-28 조회 3,934
13-06-24 조회 8,475
13-06-24 조회 4,247
13-06-23 조회 4,336
13-06-21 조회 6,289
13-06-20 조회 4,617
13-06-19 조회 8,202
글쓰기