상단 배너 소스 > jquery

본문 바로가기

jquery

상단 배너 소스

페이지 정보

작성자 서방님 댓글 0건 조회 123회 작성일 18-09-14 11:27

본문

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<style type="text/css">
.hTopIn {width:100%;background:#333;color:#fff;}
.hTopIn .adver {text-align:center;color:#fff;height:100px;line-height:100px;font-size:36px;}
.hTopIn .up {width:100%;color:#fff;border:none;cursor:pointer;}
.hTopIn .up:hover {width:100%;color:red;border:none;}
</style>

<script type="text/javascript">
$(function() {
	// $(".adver").hide(); // 로딩 후 배너 숨김
	$(".hTopIn .up").click(function(){ // 버튼 클릭
		$(".adver").slideToggle(300); // 토글
		return false;
	});
});
</script>

<nav class="nav">
	<div class="hTopIn">
		<div class="adver">여기에 공지를 넣습니다.</div>
		<input type="button" value="▲" class="up" title="메뉴">
	</div>
</nav>

27897cd13fdde4607e8109c645182e95_1536892124_1664.jpg
 

댓글목록

등록된 댓글이 없습니다.

Total 155건 1 페이지
게시물 검색

회원로그인

접속자집계

오늘
206
어제
315
최대
592
전체
39,039

그누보드5
Copyright © seobangnim.com All rights reserved.
자바스크립트를 활성화 하세요![ 브라우저에서 자바스크립트를 활성화하는 방법 ]