• 當前位置:首頁 > IT技術 > Web編程 > 正文

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

    制作生日快樂祝福網頁(HTML+CSS+JS)

    程序員愛情?520/表白/七夕情人節/求婚?專用html5+css3+js 生日快樂網站模板
    HTML生日快樂祝福網頁模板,該模板有多種動態效果圖,全局采用藍色裝飾,適用于給女朋友的生日祝福,只需簡單修改,即可用網頁生成打開。

    戳下方鏈接↓查看線上演示地址

    ??0.生日演示地址?? 賬號是 cyl 密碼是 1007

    ??1.生日快樂????(多頁面html模板)★在線演示地址?? 賬號是 123 密碼是 123

    ??2.生日蛋糕????★在線演示地址??

    ??3.(生日快樂)蛋糕煙花+藍色夢幻海洋3D相冊????★在線演示地址??

    H5 手機端

    一,登錄頁面 (可自定義文字+圖片+音樂)

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_html表白網頁

    二,生日蛋糕頁面(可自定義文字+音樂)

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_生日快樂網頁制作html_02

    三.浪漫表白頁面 (可自定義圖片+文字+音樂)

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_生日快樂網頁制作html_03

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_表白網頁代碼HTML_04

    PC 電腦端

    登錄頁

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_表白網頁代碼HTML_05

    生日蛋糕頁面

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_生日祝福代碼HTML_06

    浪漫表白頁面

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_生日祝福代碼HTML_07

    修改密碼

    在當前目錄下,有js/index.js文件:

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

    替換memories頁面文字和圖片

    以第三屏為例:

    <!--第三屏-->

    <div class="section">
    <!-- 下面兩個div分別實現的左邊那條軸和那個小球 -->
    <div class="timeline"></div>
    <div class="timepoint21"></div>
    <div class="ly-box21">
    <div class="ly-txt21">
    <!-- 這里更改日期 -->
    201X-1X-2X
    </div>
    <div class="ly-txt22">
    <!-- 這里更改內容,段落、換行用<p></p>包裹起來 -->
    <p> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    <p>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    </div>
    <div class="ly-imgbox21">
    <!-- 這里更改圖片,圖片請先改好對應的名字并且放到img文件夾下面
    如果你不懂css,那么最好就裁剪圖片至合適大小為止
    如果你會css,那么可以根據class名字去修改對應css的寬度設置-->
    <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>

    ? 源碼獲取

    ? ~ 關注我,點贊博文~ 每天帶你漲知識!

    ? 1.看到這里了就 [點贊+好評+收藏] 三連 支持下吧,你的「點贊,好評,收藏」是我創作的動力。

    ? 2.關注我~ 每天帶你學習 :各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業模板 、期末大作業模板 、等! 「在這里有好多 前端 開發者,一起探討 前端 Node 知識,互相學習」!

    ? 3.以上內容技術相關問題可以相互學習,可關注↓公Z號 獲取更多源碼 !

    制作粉色少女系列?生日快樂祝福網頁?(HTML+CSS+JS)_生日快樂網頁制作html_08



    ?

    本文摘自 :https://blog.51cto.com/r

    開通會員,享受整站包年服務
    国产呦精品一区二区三区网站|久久www免费人咸|精品无码人妻一区二区|久99久热只有精品国产15|中文字幕亚洲无线码