note

jquery/css 모바일에서 스크롤시 헤더/상단 고정되어 내려오기. script: $(function(){ /* header fixed */ var isFixed = false; var offset = $(".header").height(); checkOffset(); $(window).scroll(function() { checkOffset(); }); function checkOffset() { if ( $('body').scrollTop() > offset){ if(!isFixed){ isFixed = true; $('.header').addClass('fixed'); $('.header').css("top", ($(".header").height()*-1)+'px'); $('.header').s..

jquery 그리드 w2ui grid with ASPhttp://w2ui.com/web/ $(document).ready(function(){ $('#grid').w2grid({ name: 'grid', header: '헤더텍스트', show: { toolbar: false, footer: true }, columns: [ { field: 'f01', caption: '코드', size: '6%', sortable: true }, { field: 'f02', caption: '상품명', size: '15%', sortable: true }, { field: 'f03', caption: '규격', size: '8%' }, { field: 'f04', caption: '제조사', size: '8%' }, {..

ie8+ 지원하는듯? 그래서써봄 ㅋ 1. include 2. html 구조 3. jquery $(window).load(function(){ $flexslider.flexslider({ animation: "slide", directionNav: false, controlNav: true, start: function(slider){ //$('body').removeClass('loading'); } }); });

function goReg(){ if (/[^\s]/g.test($("#name").val()) == 0) { alert("이름을 입력해주세요."); $("#name").focus(); return; } if ($("#hp").val() == ""){ alert("휴대전화를 입력해주세요."); $("#hp").focus(); return; } if (/(^\d+$)|(^\d+\.\d+$)/.test($("#hp").val()) == false){ alert("휴대전화는 숫자만 입력해주세요."); $("#hp").focus(); return; } else if ($("#hp").val().length < 10){ alert("잘못된 휴대전화번호입니다."); $("#hp").focus(); return; }..

html 닫기 팝업열기 팝업닫기 css #fullscreen_layer { position:absolute; top:0; left:0; bottom:0; right:0; background:#000; z-index:100; display:none; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .popup { position: absolute; widt..

$("img").error(function(){ $(this).attr("src","바꿀경로"); });

html js $(function(){ $("#scroller").simplyScroll(); });

jquery smooth scroll plugin 부드럽고 사용하기 괜찮은 스크롤 플러그인ㅋ http://manos.malihu.gr/jquery-custom-content-scroller/ //load안에 호출시켜주면됨ㅋ (function($){ $(window).on("load",function(){ $(".content").mCustomScrollbar({ theme:"dark", callbacks:{ onTotalScroll:function(){ //끝날때마다 반복 }, onTotalScrollOffset:100, alwaysTriggerOffsets:false } }); }); })(jQuery);

https://github.com/rstacruz/nprogress 그냥,, js와 css를 include한다,, load후에 각각의 처리 해주면됨,,ㅋㅎ $(function(){ NProgress.start(); $(window).load(function(){ //로딩화면 아웃 setTimeout(function() { NProgress.done(); $('.loader').fadeOut(500); }, 50); }); });

jquery ui 필요