SHsoft - 쉐어에드(공유광고) SHshop Pro 쇼핑몰 제작, 홈페이지 제작-JAVASCRIPT 게시판

본문 바로가기
JAVASCRIPT
개발자를 위한 온라인 커뮤니티  
HOME > JAVASCRIPT

 

JAVASCRIPT
우측 슬라이딩 퀵배너 JQUERY .css .animate
작성자 : 관리자
조회 : 317
등록일 : 2016-02-04 (211.169.138.253) , 추천 : 0

우측 슬라이딩 퀵배너 JQUERY .css .animate

우측 슬라이딩 퀵배너 JQUERY .css .animate

 

<!-- 스티일시트(디지인) 시작  -->

<style>

#quick_side { float: right; position: fixed; z-index: 9998; right: 0px; top: 0px; width: 140px; border: 1px solid #ddd; height: 100%; background: #fff; margin: 0; padding: 0; }

 

#quick_side li {display:block; margin: 10px 0; text-align:center;}

#quick_side .btnclick { position: absolute; left: -21px; top: 46%; width: 20px; height: 29px; cursor: hand; }

#quick_side .quick_contents { position: absolute; width: 100%; height:500px; top: 25%;padding-left: 0px;font-weight:bold; }

</style>

<!-- 스티일시트(디지인) 끝 -->

 

 

<!-- 퀴메뉴 시작 -->

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<div id="quick_side" style="right:0px;">

<div class="btnclick" id="btnclick"><a href="javascript:quick_side_show();"> > </a></div>

<div class="quick_contents">

<div>

<ul>

<li><a href="../">HOME</a></li>

<li><a href="javascript:addBookmark();">즐겨찾기</a></li>

</ul>

</div>

 

<div>

<ul>

<li><a href="">로그인</a></li>

<li><a href="">회원가입</a></li>

<li><a href="">장바구니</a></li>

<li><a href="">배송조회</a></li>

<li><a href="">MYPAGE</a></li>

<li><a href="">Q & A</a></li>

<li><a href="">1:1문의</a></li>

<li><a href="#TOP">TOP ∧</a></li>

</ul>

</div>

</div>

</div>

 

<script type="text/javascript">

<!--

function quick_side_show(){

if($("#quick_side").css("right") == '-140px'){

$( "#quick_side" ).animate({ "right": "0px" }, "slow" );

}else{

$( "#quick_side" ).animate({ "right": "-140px" }, "slow" );

}

}

//-->

</script>

<!-- 퀴메뉴 끝 --> 

JAVASCRIPT 목록
이름 내용 등록일
댓글(comment)
* 표시가 있는 부분은 필수 입력 사항입니다.
JAVASCRIPT
*
*
비밀글
* 웹에디터 시작
상호 : SHsoft | 대표 : 윤상현 | 팩스 : 070-7501-7475 | 개인정보책임자 : 윤상현
이메일 : shsoft.app@gmail.com | 사업자 등록번호 : 125-40-00023 | 주소 : 인천시 부평구 시장로 33 7층 9호
Copyright © 2015 SHsoft All rights reserved.