728x90 반응형 IT/jsp6 jsp 팝업창 게시 기한 설정하기 js 소스 //팝업 게시 기한 스크립트 const today = new Date(); const strDay = new Date("2022/06/14 11:40:00"); const endDay = new Date("2022/06/14 13:58:00"); if (today >= strDay && today 2022. 6. 14. jsp 퀵메뉴, top버튼 만들기 js //퀵메뉴 추가 이벤트 시작 $(document).ready(function(){ $(window).scroll(function(){ //스크롤이 움직일때마다 이벤트 발생 var position = $(window).scrollTop()+200; // 현재 스크롤바의 위치값을 반환 $("#Quick").stop().animate({top:position+"px"}, 400); //해당 오브젝트 위치값 재설정 }); }); html 소스 공지사항 TOP onclick="window.scrollTo(0,0);" - 상위 화면으로 이동 실행결과 2022. 6. 13. jsp 팝업창 이동하기 jsp 팝업창 만드는 방법 https://dyooni.tistory.com/47 jsp 팝업창 만들기 js 소스 //팝업 보이기 var cookiedata = document.cookie; console.log(cookiedata.indexOf("popup=done")) if (cookiedata.indexOf("popup=done") http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> " target="_blank" rel="noopener">http://code.jquery.com/jquery-latest.min.js"> " target="_blank" rel="noopener">http://code.jquery.com/ui/1.11.. 2022. 6. 13. 즐겨찾기 추가 및 해제 구현하기 html 소스 js 소스 // 즐겨찾기 추가 function favorites(e){ var i = $(".Unfavorites").index(e); // 같은 클래스 내 index 값을 가져옴 document.getElementsByClassName('Unfavorites')[i].style.display = "none"; // 즐겨찾기 취소 버튼 비활성화 document.getElementsByClassName('Favorites')[i].style.display = "inline"; // 즐겨찾기 추가 버튼 활성화 } // 즐겨찾기 해제 function Unfavorites(e){ var i = $(".Favorites").index(e); // 같은 클래스 내 index 값을 가져옴 documen.. 2022. 6. 8. jsp 팝업창 만들기 js 소스 //팝업 보이기 var cookiedata = document.cookie; console.log(cookiedata.indexOf("popup=done")) if (cookiedata.indexOf("popup=done") 실행결과 스크롤 내렸을 때 실행결과 하루동안 보지않기 체크 후 실행결과 2022. 6. 7. vTicker 활용한 롤링배너 사용하기 vticker를 활용한 배너 롤링 js 소스 $(function(){ $('#rollingBanner').vTicker(); /* $('#rollingBanner').vTicker({ speed: 700, pause: 4000, animation: 'fade', mousePause: false, showItems: 1 }); */ // 다음배너로 이동 next $('#next').click(function() { $('#rollingBanner').vTicker('next', {animate:true}); }); $('#next').click(function() { $('#rollingBanner').vTicker('next', {animate:false}); }); // 이전배너로 이동 prev $('.. 2022. 6. 7. 이전 1 다음 728x90 반응형