이런 기능이 무엇인가요??

2018-05-24 (목) 15:28:42 2,145

2002724502_1527143378.373.png2002724502_1527143216.9307.png

https://adulti05.com/board/webtoon/view/wr_id/121522

웹툰에서 본건데

화면 아무 곳이나 클릭하면

다음화 이전화 목록 보기가 나타나고 스크롤을 움직이면 없어지고 

다시 화면 아무곳이나 클릭하면 나타나는거요?

css 나 자바스크립 같은데 무슨 기능인지 좀 알려주셨으면 하네요

|

답변 2개

2018-05-24 (목) 15:44:21

onclick 이벤트
mouseover 이벤트
머 그런식으로 나타나게 할 수가 있겠지요
css로도 가능하고
jquery로도 가능하고 그렇습니다.
 

javascript jquery에서 

click 이벤트와 scroll 이벤트입니다.

방금 간단히 만들어 봤음.

http://sir.ctsoft.kr/test2.php

Copy
<script src="http://sir.ctsoft.kr/js/jquery-1.8.3.min.js"></script>

<div class="nav" style="width: 100%; position: fixed; display: none; background-color: yellow;">이전  목록  다음화</div>

<div class="img"><img src="http://info.tongplus.com/site/data/img_dir/2016/03/29/2016032902239_0.jpg" /></div>

<script>

$(document).ready(function () {
    $(document).scroll(function() {
        $(".nav").hide();
    });
    
    $(".img").click(function() {
        $(".nav").show();
    });
});
</script>

답변을 작성하려면 로그인이 필요합니다.