情人节鲜花代码(单身汪情人节表白代码)

很多朋友对于情人节鲜花代码和单身汪情人节表白代码不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

啊喵，那是一只单身汪啊。：呜呜，我要表白小姐姐（小哥哥）

一个网页输入名称，生成带参数的网址。

浏览器输入该网址，即可打开带有该名字的网页，图片轮播，还带有音乐哟

（简单实现，本文不是技术软文，而是小工具推荐啊啊哈哈）

(ps:已经做了移动端适配，手机打开效果更加哦)

<metacharset="UTF-8"/>

<metaname="viewport"content="width=device-width,initial-scale=1.0"/>

<metahttp-equiv="X-UA-Compatible"content="ie=edge"/>

<title>输入名字</title>

background:linear-gradient(#1d2b64,#f8cdda);

font-family:PingFangSC-Regular;

-webkit-transition:border0.2sease-in-out,background0.2sease-in-out,

-webkit-box-shadow0.2sease-in-out;

transition:border0.2sease-in-out,background0.2sease-in-out,

-webkit-box-shadow0.2sease-in-out;

transition:border0.2sease-in-out,background0.2sease-in-out,

transition:border0.2sease-in-out,background0.2sease-in-out,

box-shadow0.2sease-in-out,-webkit-box-shadow0.2sease-in-out;

background:rgba(89,126,247,1);

background:rgba(106,140,253,1);

@mediascreenand(min-width:800px){

<divclass="container">

<divstyle="text-align:center;margin-top:40px">

<h2>HappyValentine'sDay</h2>

<inputtype="text"id="name"/>

document.getElementById("btn").addEventListener("click",function(){

letname=document.getElementById("name").value;

"https://zxpsuper.github.io/Demo/valentine_day/index.html?name="+

encodeURIComponent(encodeURIComponent(name));

document.getElementById("card").innerHTML=url;

style="display:flex;margin-top:40px;flex-direction:column;align-items:center"

<divclass="button"id="btn">确定</div>

<divclass="button-shadow"></div>

<divid="card"></div>

<pid="copy-btn">复制以上网址发给他人吧</p>

<metacharset="UTF-8"/>

<metaname="viewport"content="width=device-width,initial-scale=1.0"/>

<metahttp-equiv="X-UA-Compatible"content="ie=edge"/>

<title>情人节快乐</title>

background:linear-gradient(#1d2b64,#f8cdda);

font-family:PingFangSC-Regular;

justify-content:space-between;

border-bottom-left-radius:20px;

border-bottom-right-radius:20px;

@mediascreenand(min-width:800px){

<divclass="container">

<divstyle="padding:12px">

style="position:relative;display:flex;align-items:center;margin-bottom:10px"

<imgsrc="avatar.jpg"alt=""class="avatar"/>

<imgsrc="avatar.jpg"alt=""class="avatarshadow"/>

<spanstyle="margin-left:10px"id="name">小皮咖</span>

<marqueescrolldelay="0"scrollamount="20">

<imgsrc="1.png"/>

<imgsrc="2.png"/>

<imgsrc="3.png"/>

<imgsrc="4.png"/>

<imgsrc="5.png"/>

<imgsrc="6.png"/>

<imgsrc="7.png"/>

src="http://att.chinauui.com/day_181211/20181211_8480d0323003455bd6de8CcQ3Eq28Mm9.mp3"

<divclass="btn-group">

<divclass="sure"onclick="alert('情人节快乐\\\\(^o^)/~')">

<divclass="cancel"onclick="alert('取消无效，请重新选择')">取消</div>

varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)","i");

varr=window.location.search.substr(1).match(reg);

letname=getQueryString("name");

document.getElementById("name").innerHTML=decodeURIComponent(

情人节鲜花代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于单身汪情人节表白代码、情人节鲜花代码的信息别忘了在本站进行查找哦。