当前位置：
凯发k8官方网 >
前端技术
> javascript
>内容正文
javascript
html生日快乐代码 html5七夕情人节表白【粉色烂漫的七夕情人节专题页面】 html5七夕情人节表白网页源码 html css javascript -凯发k8官方网
凯发k8官方网
收集整理的这篇文章主要介绍了
html生日快乐代码 html5七夕情人节表白【粉色烂漫的七夕情人节专题页面】 html5七夕情人节表白网页源码 html css javascript
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站，可以任意修改和使用，很多人会希望向心爱的男孩女孩告白，生性腼腆的人即使那个ta站在眼前都不敢向前表白。说不出口的话就用短视频告诉ta吧~制作一个表白网页告诉ta你的心意,演示如下。
文章目录
- 网页介绍
- 网页效果
- 代码展示
- 1.html代码
- 精彩专栏
1 网页简介：基于 html css javascript 制作七夕情人节表白网页、生日祝福、七夕告白、 求婚、浪漫爱情3d相册、炫酷代码 ,快来制作一款高端的表白网页送(他/她)浪漫的告白,制作修改简单,可自行更换背景音乐,文字和图片即可使用
2.网页编辑：任意html编辑软件（如：dreamweaver、hbuilder、vscode 、sublime 、webstorm、text 、notepad 等任意html编辑软件进行运行及修改编辑等操作）。
1.html代码
代码如下（示例）：以下仅展示部分代码供参考~
<html lang="en"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie-edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1"><title>七夕--让浪漫如期而至title><link rel="stylesheet" href="./css/normalize.css"><link rel="stylesheet" href="./css/main.css"><script src="./js/main.js">script><![endif]--> head><body><div id="sidebar"><ul><li class="lover png">li><li class="one png"><a href="#f1">a>li><li class="two png"><a href="#f2">a>li><li class="three png"><a href="#f3">a>li><li class="four png"><a href="#f4">a>li><li class="go-top png"><a href="#f1">a>li>ul>div><div id="f1"><div class="warp one-box"><span class="tuhao"><a href="#f4">真土豪赢大奖a> <b>>>b>span>div>div><div id="f2"><div class="warp two-box"><div class="title"><span>span>浪漫七夕 为ta选礼div><div class="h-box"><a href="http://www.hhxtd.com/product-254054.htm" target="_blank" class="png"><div class="goods f-left png"><div class="goods-png png"><img class="png" src="./goods/a1.png" alt="">div><div class="content"><div class="t">--小熊花束div><div class="info">霎那花开，蓦然相爱<br>派小熊守护你，温暖如我div><div class="price"><span class="buy">七夕价：<b>99.0b>span><span class="markit">市场价:<del><b>189.0b>del>span>div><div class="btn png"><img class="png" src="./images/go.png">div>div>div>a><div class="h-bj f-right"><img class="png" src="./images/h1.png" alt="">div>div><div class="h-box"><a href="http://www.hhxtd.com/product-253170.htm" target="_blank" class="png"><div class="goods f-right png"><div class="goods-png png"><img class="png" src="./goods/a2.png" alt="">div><div class="content"><div class="t">--红酒【南澳原装进口】div><div class="info">美酒情醉浓<br>甜美气泡，浪漫时分div><div class="price"><span class="buy">七夕价：<b>68.0b>span><span class="markit">市场价:<del><b>258.0b>del>span>div><div class="btn png"><img class="png" src="./images/go.png">div>div>div>a><div class="h-bj f-left"><img class="png" src="./images/h2.png" alt="">div>div><div class="h-box"><a href="http://www.hhxtd.com/product-253449.htm" target="_blank" class="png"><div class="goods f-left png"><div class="goods-png png"><img class="png" src="./goods/a3.png" alt="">div><div class="content"><div class="t">--扫地机器人【美国艾罗伯特】div><div class="info">人气热款，走心礼物div><div class="price"><span class="buy">七夕价：<b>4980.0b>span><span class="markit">市场价:<del><b>6999.0b>del>span>div><div class="btn png"><img class="png" src="./images/go.png">div>div>div>a><div class="h-bj f-right"><img class="png" src="./images/h3.png" alt="">div>div><div class="h-box"><a href="http://www.hhxtd.com/product-254047.htm" target="_blank" class="png"><div class="goods f-right png"><div class="goods-png png"><img class="png" src="./goods/a4.png" alt="">div><div class="content"><div class="t">--电动牙刷【飞利浦】div><div class="info">极致生活，七夕最亲密的礼物div><div class="price"><span class="buy">七夕价：<b>351.0b>span><span class="markit">市场价:<del><b>420.0b>del>span>div><div class="btn png"><img class="png" src="./images/go.png">div>div>div>a><div class="h-bj f-left"><img class="png" src="./images/h4.png" alt="">div>div><div class="h-box"><a href="http://www.hhxtd.com/product-254046.htm" target="_blank" class="png"><div class="goods f-left png"><div class="goods-png png"><img class="png" src="./goods/a5.png" alt="">div><div class="content"><div class="t">--剃须刀【飞利浦】div><div class="info">随型所欲，七夕特惠div><div class="price"><span class="buy">七夕价：<b>236.0b>span><span class="markit">市场价:<del><b>699.0b>del>span>div><div class="btn png"><img class="png" src="./images/go.png">div>div>div>a><div class="h-bj f-right"><img class="png" src="./images/h5.png" alt="">div>div><div class="h-box"><a href="http://www.hhxtd.com/product-254081.htm" target="_blank" class="png"><div class="goods f-right png"><div class="goods-png png"><img class="png" src="./goods/a6.png" alt="">div><div class="content"><div class="t">--女款项链【砗磲】div><div class="info">爱不等待，遇见更美的你div><div class="price"><span class="buy">七夕价：<b>139.0b>span><span class="markit">市场价:<del><b>399.0b>del>span>div><div class="btn png"><img class="png" src="./images/go.png">div>div>div>a><div class="h-bj f-left"><img class="png" src="./images/h6.png" alt="">div>div><div class="h-box"><a href="http://www.hhxtd.com/product-254082.htm" target="_blank" class="png"><div class="goods f-left png"><div class="goods-png png"><img class="png" src="./goods/a7.png" alt="">div><div class="content"><div class="t">--黑耀石手串【砗磲】div><div class="info">七夕甜蜜节，让首饰说故事div><div class="price"><span class="buy">七夕价：<b>88.0b>span><span class="markit">市场价:<del><b>288.0b>del>span>div><div class="btn png"><img class="png" src="./images/go.png">div>div>div>a><div class="h-bj f-right"><img class="png" src="./images/h7.png" alt="">div>div>div>div><div id="f3"><div class="warp three-box"><div class="title"><span>span>约惠七夕div><div class="sub-title">特惠商品div><div class="goods-box"><ul class="goods"><li class="g"><a href="http://www.hhxtd.com/product-252189.htm" target="_blank"><div class="img"><img src="./goods/b1.jpg">div><div class="tit">洁丽雅纯棉全棉吸水洗脸儿童巾四条装div><ul class="j"><li class="j-markit">市场价：<del>80.0del>li><li class="j-buy">活动价: <b>27.5b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253941.htm" target="_blank"><div class="img"><img src="./goods/b2.jpg">div><div class="tit">加粗浸塑衣架干湿两用晾衣服架10支装div><ul class="j"><li class="j-markit">市场价：<del>15.0del>li><li class="j-buy">活动价: <b>7.9b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253252.htm" target="_blank"><div class="img"><img src="./goods/b3.jpg">div><div class="tit">今晨 成人软毛细丝毛牙刷10支b8005*5div><ul class="j"><li class="j-markit">市场价：<del>64.0del>li><li class="j-buy">活动价: <b>29.9b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253435.htm" target="_blank"><div class="img"><img src="./goods/b4.jpg">div><div class="tit">迈登新款防水透气双肩背包书包div><ul class="j"><li class="j-markit">市场价：<del>218.0del>li><li class="j-buy">活动价: <b>79.0b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253874.htm" target="_blank"><div class="img"><img src="./goods/b5.jpg">div><div class="tit">心相印 抽纸2层200抽面巾纸*3包 dt200div><ul class="j"><li class="j-markit">市场价：<del>20.0del>li><li class="j-buy">活动价: <b>13.9b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253383.htm" target="_blank"><div class="img"><img src="./goods/b6.jpg">div><div class="tit">贵州特产纯正野生 vc王刺梨干138gdiv><ul class="j"><li class="j-markit">市场价：<del>30.0del>li><li class="j-buy">活动价: <b>12.5b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253260.htm" target="_blank"><div class="img"><img src="./goods/b7.jpg">div><div class="tit">越南进口 sabava沙巴哇菠萝蜜果干 100gdiv><ul class="j"><li class="j-markit">市场价：<del>20.0del>li><li class="j-buy">活动价: <b>9.9b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253628.htm" target="_blank"><div class="img"><img src="./goods/b8.jpg">div><div class="tit">黔五福 有点意思 蔬菜猪肉干混合装 500gdiv><ul class="j"><li class="j-markit">市场价：<del>75.0del>li><li class="j-buy">活动价: <b>55.0b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253878.htm" target="_blank"><div class="img"><img src="./goods/b9.jpg">div><div class="tit">开阳休闲零食馋解香麻辣土豆丝 140gdiv><ul class="j"><li class="j-markit">市场价：<del>8.0del>li><li class="j-buy">活动价: <b>4.5b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-252814.htm" target="_blank"><div class="img"><img src="./goods/b10.jpg">div><div class="tit">剑江 都匀毛尖 特级 100gdiv><ul class="j"><li class="j-markit">市场价：<del>216.0del>li><li class="j-buy">活动价: <b>89.0b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-252064.htm" target="_blank"><div class="img"><img src="./goods/b11.jpg">div><div class="tit">天朝上品商界53度 柔和酱香型白酒 500mldiv><ul class="j"><li class="j-markit">市场价：<del>698.0del>li><li class="j-buy">活动价: <b>199.0b>li>ul><div class="btn-go png">div>a>li><li class="g"><a href="http://www.hhxtd.com/product-253473.htm" target="_blank"><div class="img"><img src="./goods/b12.jpg">div><div class="tit">贵州凯里特产酸汤鱼火锅底料160g*6包div><ul class="j"><li class="j-markit">市场价：<del>79.0del>li>