<style>
#banner1{height:100px;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/10"></script>
<script>
$(function(){
$('#banner1').dropdownbanner({
todayClose:'.todayclose',
close:'.close',
speed:300
});
});
</script>
<body>
<div id="banner1">
<div class='bannerimg' style="overflow:hidden; height:79px; position:relative;">
<a href="#">
<img src="" style="position:absolute;">
</a>
</div>
<div>
오늘은 더이상 보지 않기
<input class="todayclose" type='checkbox' value="todayclose">
<button type="button" class="close">닫기</button>
</div>
</div>
</body>
설치방법
1. Line19 ~ 30 : 예제 html을 복사 그리고 붙여넣기 합니다.
2. Line2 : 예제 스타일을 복사 그리고 붙여넣기 합니다.
3. Line5 : 제이쿼리를 설치 및 연결 합니다.
4. Line6 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.
5. Line10 ~ 14 : 스크립트를 복사 그리고 붙여넣기 합니다.
Install
1. Line19 ~ 30 : Copy and paste the example html.
2. Line2 : Copy and paste the example style.
3. Line5 : Install and connect JQuery.
4. Line6 : Register the domain after using the plug-in. Copy and paste code.
5. Line10 ~ 14 : Copy and paste the script.