2013-10-18 1 views
-1

HTML 파일을 작동하지 : 이 작동하는 JQuery와 카운트 다운을 얻으려고 노력하지만은

// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Coming Soon</title> 
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 
    <link href="tools/style.css" rel="stylesheet" type="text/css" /> 
    <link href="tools/jquery.countdown.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="tools/jquery.min.js"></script> 
    <script type="text/javascript" src="tools/jquery.countdown.js"></script> 
    <!-- <script type="text/javascript" src="tools/bg.js"></script> --> 
    <script type="text/javascript"> 
$(function() { 
var austDay = new Date(); 
austDay = new Date(2013, 10, 18, 12, 00); 
$('#defaultCountdown').countdown({until: austDay}); 
$('#year').text(austDay.getFullYear()); 
    }); 

    $(function(){ 
    $('.fadein img:gt(0)').hide(); 
    setInterval(function(){ 
     $('.fadein :first-child').fadeOut(3000) 
    .next('img').fadeIn(3000) 
    .end().appendTo('.fadein');}, 
     3000); // change this to change the transition timing 
    }); 
    </script> 
    </head> 
    <body> 
    <div id="shim"></div> 
    <div class="fadein"> 
    <img src="images/photo1.jpg"> 
    <img src="images/photo2.jpg"> 
<img src="images/photo3.jpg"> 
<img src="images/photo4.jpg"> 
<img src="images/photo5.jpg"> 
    </div> 
    <div id="content"> 
    <div class="logo"><h1>Sva Spa and Salon</span></h1></div> 
<div class="right_side"> 
    <div class="right_content"> 
     <h2>Watch For Our Brand New Website</h2> 
     <div id="defaultCountdown"></div> 
     <form class="email" action=""> 
      <input class="get_notified" type="text"  
    onfocus="if(this.value=='Provide EMAIL for Reminder') this.value='';"   
    onblur="if(this.value=='' || this.value==' ') this.value='Provide EMAIL for 
    Reminder';"  
    value="Provide EMAIL for Reminder"/> 
      <input type="button" class="go" /> 
     </form> 
    </div> 
</div> 
    </div> 

    </body> 
    </html> 

내가 이미지를 회전뿐만 아니라 카운터의 텍스트가 올라오고 있지만이 페이지를 새로 고침 할 때 만 감소 얻을. 또한 제출 단추에 대한 PHP 코드를 추가하여 다른 전자 메일 주소로 전자 메일 주소를 보내려면 어떻게해야합니까? 메신저 붙어 도와주세요 ....

+1

코드 포스트 당신의 iusse되지 관련 부분을 단순화 전체 페이지 (일부는 js 또는 css의 포함과 관련이 있습니다. 문제가있는 어떤 가치도 있지는 않습니다.) - 코드를 들여 쓰십시오. – Rafael

+0

@ Rafael 안녕 라파엘, 이슈가 무엇인지 확실하지 않습니다. 타이머는 그것이 단지 d가되는 것을 보여주고있다. 내가 새로 고침 버튼을 눌렀을 때 자신의 나는 y 코드를 들여 썼다고 생각했다. 당신이 나에게 줄 수있는 도움은 매우 감사 할 것입니다. js 파일도 필요합니까? – user2895617

답변

0

세 가지를이 의도적

  1. ID year에 아무것도 없다,

    ?
  2. 카운트 다운 should working good는하지만 코드의 디버그 나머지 작업의
  3. .ready() 함수 내에서 코드를 넣어

코드 :

$(document).ready(function() { 
    //your code 
}); 
+0

@ yarl 감사합니다! 그것은 효과가있다. 제출 버튼을 얻기위한 PHP 스크립트에 대한 도움을받을 수 있습니까? – user2895617

+0

@ rafael 무엇이 이상한가 맥북 프로와 ipad에서 작동하지만 내 노트북에? 어떤 아이디어? – user2895617

+0

@ user2895617 어떤 버전의 jQuery를 사용하고 있으며 어떤 브라우저와 버전을 Windows PC에서 사용하고 있습니까? – Rafael

관련 문제