jquery5 jQuery 간단한 뉴스 티커 fade, roll, slide 효과 jQuery를 이용한 간단한 뉴스티커 fade, roll, slide 효과 입니다 2023. 10. 26. jQuery 스마트폰 스크린 회전 감지 스크립트 스마트폰의 스크린이 가로모드와 세로모드를 감지하여 필요에 따라 스타일시트나 스크립트를 다르게 사용하는 경우가 있다. 일단 css의 미디어쿼리로 처리하는 방법을 보면 아래와 같다. #cover{ display:none; } @media only screen and (device-width: 768px) and (orientation: landscape) { #cover{ display: block; } } @media only screen and (min-device-width: 320px) and (orientation: landscape) { #cover{ display: block; } } 위 처럼 쓰면 일단 작동이 제대로 되긴 된다. #cover가 사라져있다가 landscape 되는 순간 보여지게 .. 2023. 10. 25. jquery 오른쪽 클릭 금지 (복사 금지) / 오디오 태그 다운로드 막기 jquery를 통해서 오른쪽클릭 이벤트를 막는다. $(document).ready(function(){ document.oncontextmenu = function (e) { return false; } }); audio tag를 사용하다보면 브라우저에 따라서 다운로드 할수있는 버튼이 있다. 해당 부분은 audio tag내에 controlsList="nodownload"를 넣어주면 된다. jquery를 통해서 한꺼번에 처리 할수 있다. $(document).ready(function(){ $('audio').attr('controlsList', 'nodownload'); }); 2023. 10. 15. [jQuery] Ajax, load, get 를 통해 URL 파일 존재 여부 확인 jQuery 사용하기 Ajax를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다. 사용 jQuery.ajax() $.ajax({ url: '확인할URL', type: 'HEAD', success: function () { alert("URL 파일 접근이 가능합니다."); }, error: function () { alert("URL 파일이 존재하지 않습니다."); } }); 사용 .load() load를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다. var url = '확인할URL'; $(document).ready(function() { $('').load(url, function(response, status) { if (status === 'success') { .. 2023. 10. 2. 깔끔한 jQuery Audio Player 제이쿼리를 이용한 깔끔한 오디오 플레이어 입니다. CSS HTML SCRIPT 2023. 9. 23. 이전 1 다음 반응형
