制作粉色少女系列?生日快樂祝福網(wǎng)頁?（HTML+CSS+JS）
2021-10-11 14:57:15

//修改此處的123,123即可修改登錄的用戶名和密碼
if(userName=="123" &&  pwd=="123"){
event.preventDefault();
$('form').fadeOut(500);
$('.wrapper').addClass('form-success');
setTimeout(function(){location.href="BirthdayCake.html";},2000);
}

<!--第三屏-->

<div class="section">
<!-- 下面兩個(gè)div分別實(shí)現(xiàn)的左邊那條軸和那個(gè)小球 -->
<div class="timeline"></div>
<div class="timepoint21"></div>
<div class="ly-box21">
<div class="ly-txt21">
<!-- 這里更改日期 -->
            201X-1X-2X
</div>
<div class="ly-txt22">
<!-- 這里更改內(nèi)容，段落、換行用<p></p>包裹起來 -->
<p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
<p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
</div>
<div class="ly-imgbox21">
<!-- 這里更改圖片，圖片請(qǐng)先改好對(duì)應(yīng)的名字并且放到img文件夾下面
如果你不懂css，那么最好就裁剪圖片至合適大小為止
如果你會(huì)css，那么可以根據(jù)class名字去修改對(duì)應(yīng)css的寬度設(shè)置-->
<img class="ly-img21" src="img/2014.11.26-1.png">
</div>
</div>
<div class="ly-triangle21"></div>

<div class="ly-box22">
<div class="ly-txt23">
<!-- 與上面類似，不再多說 -->
            201X-1X-1X
</div>
<div class="ly-txt24">
            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>
<div class="ly-imgbox22">
<img class="ly-img22" src="img/2014.12.19-1.png">
</div>
</div>
<div class="ly-triangle22"></div>

<div class="ly-box23">
<div class="ly-txt25">
            201X-1X-2X
</div>
<div class="ly-txt26">
            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
</div>
<div class="ly-imgbox23">
<img class="ly-img23" src="img/2014.12.20-1.jpg">
</div>
</div>
<div class="ly-triangle23"></div>
</div>