表白代码大全可复制,单身汪情人节表白代码

喵，那是单身的小狗啊。嗯，坦白姐姐(哥哥)

功能：

输入要为其生成带参数网址的网页的名称。

在浏览器中输入该网站后，会打开以该名称命名的页面，图像会被轮流传送，还会有音乐哦

(为了简单实现，本文推荐的不是技术软件，而是小工具。)。

(ps:已经有了移动侧配合，开启手机的效果更好哦) ) )。

代码：

// name.html

！ DOCTYPE html

html lang=&amp； #039； en&amp； #039；

头儿

meta charset=&amp； #039； UTF-8&amp； #039； /

metaname=&amp； #039； viewport&amp； #039； content=&amp； #039； width=device-width，initial-scale=1.0&amp； #039； /

metahttp-equiv=&amp； #039； x-UA-compatible&amp； #039； content=&amp； #039； ie=edge&amp； #039； /

输入标题名称/标题

斯泰尔斯

body {

最小高度： VH；

background : linear-gradient (# 1d2b 64，#f8cdda )；

color: #fff；

字体错误：萍房sc -注册器；

padding:

边距：

}

input {

显示：在线块；

width:%；

height:px；

行高：5；

padding:pxpx；

边距： px auto auto；

字体大小： px；

border:px solid #dcdee2；

border-radius:px；

color: #515a6e；

background-color: #fff；

background-image: none；

定位：关系；

cursor :文本；

- WebKit-transition 3360 border.2s ease-in-out，background.2s ease-in-out，

- web kit-box-shadow.2s ease-in-out；

transition : border.2s ease-in-out，background.2s ease-in-out，

- web kit-box-shadow.2s ease-in-out；

transition : border.2s ease-in-out，background.2s ease-in-out，

box-shadow.2s ease-in-out；

transition : border.2s ease-in-out，background.2s ease-in-out，

box-shadow.2s ease-in-out，- WebKit-box-shadow.2s ease-in-out；

}

. button {

display :闪存；

align-items3360中心；

内容：中心；

定位：关系；

z-index:

width:%；

height:px；

background:rgba(89，

border-radius:px；

字体大小： px；

字体权重：

color:rgba(255，

line-height:px；

cursor: pointer；

}

. button-shadow {

width:%；

height:px；

background:rgba(106，

border-radius:px；

opacity:3081；

-WebKit-Filter:blur(4px )；

过滤器：蓝牙(4px；

边距-顶部：-36px；

}

#card {

width:%；

盒- sizing :盒；

padding:pxpx；

word-wrap: break-word；

}

@ mediascreenand (最小宽度： px ) {

. container {

width:px；

边距：自动；

}

}

/style

/head

身体

div class=&amp； #039； 容器& amp； #039；

divstyle=&amp； #039； 文本对齐：中心； 边距- top : px & amp； #039；

h2Happy Valentine&amp； #039； s Day/h2

input type=&amp； #039； 文本& amp； #039； id=&amp； #039； name&amp； #039； /

/div

脚本

window.onload=function (

document.getelementbyid(&amp； #039； BTN&amp； #039； ).addeventlistener )，函数) {

let name=document.getelementbyid (& amp； #039； name&amp； #039； ) .值；

if(name===&amp； #039； &amp； #039； ) {

警报(& amp； #039； 请输入名称)；

返回；

}

let url=

&amp； #039； https://zxp super.github.io/demo/valentine _ day/index.html？ name=&amp； #039；

编码组件(name )；

document.getelementbyid(&amp； #039； card&amp； #039； ).innerHTML=url；

)；

(；

/脚本

div

style=&amp； #039； display :闪存； 边距-顶级： px； flex-direction :列； align-items:中心&amp； #039；

div class=&amp； #039； button&amp； #039； id=&amp； #039； btn&amp； #039； 确定/div

div class=&amp； #039； button-shadow&amp； #039； /div

div id=&amp； #039； card&amp； #039； /div

p id=&amp； #039； 复印- BTN & amp； #039； 把以上的URL复制并发送给别人吧/p

/div

/div

/body

/html

//index.html

！ DOCTYPE html

html lang=&amp； #039； en&amp； #039；

头儿

meta charset=&amp； #039； UTF-8&amp； #039； /

metaname=&amp； #039； viewport&amp； #039； content=&amp； #039； width=device-width，initial-scale=1.0&amp； #039； /

metahttp-equiv=&amp； #039； x-UA-compatible&amp； #039； content=&amp； #039； ie=edge&amp； #039； /

title情人节快乐/title

斯泰尔斯

img {

width:%；

}

body {

最小高度： VH；

background : linear-gradient (# 1d2b 64，#f8cdda )；

color: #fff；

字体错误：萍房sc -注册器；

padding:

边距：

}

. avatar {

width:px；

height:px；

border-radius:%；

border:px solid #fff；

}

. shadow {

定位：助手；

left:

z-index: -1；

过滤器：蓝牙(50px；

}

. btn-group {

display :闪存；

边距-顶级： px；

justify-content 3360 space-between；

align-items3360中心；

}

. btn-group div {

flex:

文本照明3360中心；

}

. sure {

padding:px

background :线性梯度(

deg、

RGBA(255，) %，

RGBA(221，) %

)；

border-top-left-radius:px；

border-bottom-left-radius 3360 px；

}

. cancel {

padding:px

background: #eee；

颜色： # 333；

border-top-right-radius:px；

border-bottom-right-radius 3360 px；

}

marquee {

background: none；

}

@ mediascreenand (最小宽度： px ) {

. container {

width:px；

边距：自动；

}

}

/style

/head

身体

div class=&amp； #039； 容器& amp； #039；

div style=&amp； #039； padding:px&amp； #039；

div

style=&amp； #039； 定位：关系； display :闪存； align-items3360中心； 边距- bottom : px & amp； #039；

imgsrc=&amp； #039； Avatar.jpg&amp； #039； alt=&amp； #039； &amp； #039； class=&amp； #039； Avatar&amp； #039； /

imgsrc=&amp； #039； Avatar.jpg&amp； #039； alt=&amp； #039； &amp； #039； class=&amp； #039； Avatarshadow&amp； #039； /

spanstyle=&amp； #039； 边距-左边缘： px & amp； #039； id=&amp； #039； name&amp； #039； 小皮咖啡馆/span

/div

marqueescrolldelay=&amp； #039； 0&amp； #039； scrollamount=&amp； #039； 20&amp； #039；

img src=&amp； #039； 1.png&amp； #039； /

img src=&amp； #039； 2.png&amp； #039； /

img src=&amp； #039； 3.png&amp； #039； /

img src=&amp； #039； 4.png&amp； #039； /

img src=&amp； #039； 5.png&amp； #039； /

img src=&amp； #039； 6.png&amp； #039； /

img src=&amp； #039； 7.png&amp； #039； /

/marquee

音频

SRC=&amp； #039； http://att.chinaui.com/day _ 181211/2018 12 11 _ 8480 d 0323003455 BD6de8ccq3eq 28 mm9.MP3 & amp； #039；

自动播放

loop

您的浏览器不支持audio标签。

/audio

div class=&amp； #039； btn-group&amp； #039；

div class=&amp； #039； sure&amp； #039； onclick=&amp； #039； 警报(& amp； #039； 情人节快乐((^o^ )/~ () ) )。

确认

/div

divclass=&amp； #039； 取消& amp； #039； onclick=&amp； #039； 警报(& amp； #039； 取消无效。 请重新选择() ) )取消/div

/div

/div

/div

脚本

功能querystring {

varreg=newregexp () ) (^|) (name ) )|$ )、&amp； #039； I&amp； #039； )；

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

国际空间站！=null ) {

return r[2]；

}

返回空值；

}

window.onload=function (

letname=getquerystring(&amp； #039； name )；

document.getelementbyid(&amp； #039； name&amp； #039； ).innerHTML=decodeURIComponent (

编码组件(name )。

)；

(；

/脚本

/body

/html

各位，这次的情人节真开心啊。