Scroll function in jQuery (Parallax Scrolling) / 패럴렉스 스크롤(Parallax Scrolling)을 위한 제이쿼리 소스

//스크롤 550일때 양옆에서 나타나기
$(window).scroll(function(){
     if($(window).scrollTop() >= 550){
       $(".선택요소").animate({left:"0px",opacity:1 },1200);
      $(".선택요소").animate({left:"0px",opacity:1},1200);
      }
});
//스크롤 960일때 양옆에서 나타나기
$(window).scroll(function(){
     if($(window).scrollTop() >= 960){
       $(".선택요소").animate({left:"0px",opacity:1},1200);
      $(".선택요소").animate({left:"600px",opacity:1},1200);
      }
});
//스크롤 1000일때 서서히 나타나기
$(window).scroll(function(){
     if($(window).scrollTop() >= 1000){
       $(".선택요소").animate({opacity:1},5000);
      }
});      

댓글

댓글 쓰기

이 블로그의 인기 게시물

Change color of radio button in CSS / CSS로 라디오버튼 색상변경

Change color of radio button in CSS CSS로 라디오버튼 색상변경(순수 CSS 이용 or 이미지 사용) /*radio 버튼 색상변경 */ input[type='radio'] { -webkit-appearance:none; width:16px; height:16px; border:1px solid darkgray; border-radius:50%; outline:none; background:#e6e6e6; } input[type='radio']:before { content:''; display:block; width:60%; height:60%; margin: 20% auto;   border-radius:50%;   } input[type='radio']:checked:before { background:#008675; } /*라디오버튼 색상변경 이미지로*/ input[type='radio']:before { content:''; position:absolute; top:-3px; left:3px; width:16px; height:16px; background:url('../img/radio_unchkd.png')no-repeat; } input[type='radio']:checked:before { content:''; position:absolute; top:-3px; left:3px; width:16px; height:16px; background:url('../img/radio_chkd.png')no-repeat; }
자세한 내용 보기

change color of placeholder in CSS / css로 플레이스홀더 색상변경하기

change color of placeholder in CSS    /* select placeholder 색상 변경 */ .boxTxtW .acoTxt {font-size:15px; color:#454545; .boxTxtW  input[type="text"].acoTxt::-webkit-input-placeholder {color: #bdbdbd;;} .boxTxtW  input[type="text"].acoTxt::-moz-placeholder {color: #bdbdbd;;} .boxTxtW  input[type="text"].acoTxt:-ms-input-placeholder {color: #bdbdbd;;} .boxTxtW  input[type="text"].acoTxt:-moz-placeholder {color: #bdbdbd;;} } /* snsTxt input placeholder 색상 변경*/ .borderB input.snsTxt::-webkit-input-placeholder { /* Chrome */color:#454545;} .borderB input.snsTxt:-ms-input-placeholder { /* IE 10+ */color:#454545;} .borderB input.snsTxt::-moz-placeholder { /* Firefox 19+ */color:#454545; opacity: 1;} .borderB input.snsTxt:-moz-placeholder { /* Firefox 4 - 18 */color:#454545; opacity: 1;}
자세한 내용 보기

check function in javascript when making join in form table / 자바스크립트로 회원가입창 만들기

<body> <form method="post" action="memRegProc.php" name="frm1"> <table border="1" sellspacing="0" width="500"> <tr> <td colspan="2" align="center" bgcolor="pink">회원가입</td> </tr> <tr> <td>아이디</td> <td> <input type="text" name="id" id="id" value="id"> <input type="button" value="중복확인" onclick="popup()"> </td> </tr> <tr> <td>암호</td> <td><input type="password" name="pw"></td> </tr> <tr> <td>이름</td> <td><input type="text" name="name"></td> </tr> <tr> <td>이메일</td> <td><input type="text" ...
자세한 내용 보기