본문 바로가기
프로그램.../프로...WEB

[JS] 융용한 코드 모음

by 크크다스 2019. 4. 3.
반응형

[JS] 융용한 코드 모음


참고> https://blog.naver.com/heryunje


따라 다니는 퀵메뉴 만들기


<!-- 퀵 메뉴 -->

<div style="float:right; top:50px; position:absolute; z-index:10; left:750px;" id="floater">

퀵메뉴에 들어갈 아이템 영역!!!

</div>


<!-- 퀵 메뉴 -->

<script language="javascript" type="text/javascript">

 

       var lastScrollY = 0;

 

       $(function(){

             var diffY = document.documentElement.scrollTop;

// scroll event 

             $(window).scroll(function(){

                    var diffTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);

 

                    if (diffY != lastScrollY) {

                           percent = .10 * (diffY - lastScrollY);

                           if (percent > 0) {

                                 percent = Math.ceil(percent);

                           } else {

                                 percent = Math.floor(percent);

                           }

 

                           diffTop = parseInt($("#floater").offset().top) + percent;

 

                           lastScrollY = lastScrollY + percent;

                    }

 

                    $("#floater").stop();

                    $("#floater").animate({"top": diffTop}, 500);

             });

       });

 

</script>


프린트 

<div class="location" id="printArea">
</div>
<script type="text/javascript">
<!--
var initBody;

function beforePrint() {
 initBody = document.body.innerHTML;
 document.body.innerHTML = document.getElementById("printArea").innerHTML;
}

function afterPrint() {
 document.body.innerHTML = initBody;
}

function go_print() {
 window.print();
}

window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;

-->
</script>


몇가지 패턴을 적어보자면

pattern0 = "[^가-힣]"  '한글만
pattern1 = "[^-0-9 ]"  '숫자만
pattern2 = "[^-a-zA-Z]"  '영어만
pattern3 = "[^-가-힣a-zA-Z0-9/ ]" '숫자와 영어 한글만 
pattern4 = "<[^>]*>"   '태그만

pattern5 = "[^-a-zA-Z0-9/ ]"    '영어 숫자만



반응형

'프로그램... > 프로...WEB' 카테고리의 다른 글

[JS] 드래그 방지 해제  (0) 2019.09.19
[CSS] Layer  (0) 2019.02.26
[PHP] 유용한 Utils  (0) 2019.02.26
[JS] target to IFRAME  (0) 2019.02.26
[CSS] 기본  (0) 2018.12.19