2024最新一款酷黑UI风个人引导页HTML源码

共29个文件

svg：6个

js：5个

woff2：4个

版权申诉

html

81 浏览量 2024-01-06 21:22:31 上传评论收藏 18.28MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

一款酷黑风个人引导页.zip （29个子文件）

演示图

d1a8818d71be4de5944df0b393e3fedb.png 187KB

QQ浏览器截图20230119142022.jpg 15KB

一款酷黑风个人引导页

music

pf.m4a 3.5MB

uaredirect.js 829B

jquery.movebg.js 2KB

respond.min.js 4KB

clipboard.min.js 10KB

jquery.SuperSlide.2.1.1.js 20KB

css

style.css 4KB

index.html 521B

css

style.css 25KB

font.css 2KB

index.html 17KB

images

icon_mouse.svg 541B

fq.png 34KB

icon_VR.gif 19KB

icon_WEB.gif 6KB

icon_wechat.svg 2KB

icon_mail.svg 449B

lock.svg 2KB

icon_APP.gif 8KB

icon_bili.svg 3KB

g.jpg 21KB

icon_mouse2.svg 1KB

vx.png 484B

fonts

OPPOSans-M.woff2 4.64MB

OPPOSans-R.woff2 4.59MB

OPPOSans-B.woff2 4.71MB

PangMenZhengDao.woff2 675KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>一款酷黑风个人引导页</title>  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <link rel="stylesheet" type="text/css" href="css/style.css"/>  <script type="text/javascript" src="js/uaredirect.js"></script> <script type="text/javascript">browserRedirect("/m");</script> <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="js/respond.min.js"></script> </head> <body> <div class="container slideTxtBox"> <div class="header flex flex-pack-justify flex-align-center"> <div class="user-info flex flex-align-center"> <div class="portrait"><img src="./images/fq.png" ></div> <div class="name PangMenZhengDao">扶情</div> </div> <div class="link te_c p_r hd"> <ul class="flex flex-align-center"> <li class="p_r"><a href="javascript:void(0);" class="transition OPPOSans-R di_bl">关于我</a></li> <li class="p_r"><a href="javascript:void(0);" class="transition OPPOSans-R di_bl">朋友们</a></li> </ul> <div class="move-bg"></div> </div> </div>  <div class="bd">  <div class="content p_r"> <div class="en_box flex flex-align-center flex-pack-center"> <div class="macbook"> <div class="inner"> <div class="screen"> <div class="face-one"> <div class="camera"></div> <div class="display"> <div class="shade"></div> </div> </div> <img src="http://www.clker.com/cliparts/i/s/H/f/4/T/apple-logo-white.svg" class="logo"> </div> <div class="body"> <div class="face-one"> <div class="touchpad"> </div> <div class="keyboard"> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key space"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> <div class="key f"></div> </div> </div> <div class="pad one"></div> <div class="pad two"></div> <div class="pad three"></div> <div class="pad four"></div> </div> </div> <div class="shadow"></div> </div> </div>  <div class="r_content"> <div class="con p_r flex">  <div class="name flex flex-align-center flex-pack-center OPPOSans-M p_r" id="one_part"> 扶情 <div class="tips te_c OPPOSans-B transition"><span class="p_r c1">455px</span></div> </div>  <div class="flex flex-align-center flex-pack-center iphone"><img src="images/icon_APP.gif"></div> <div class="flex flex-align-center flex-pack-center web"><img src="images/icon_WEB.gif"></div> <div class="flex flex-align-center flex-pack-center vr"><img src="images/icon_VR.gif"></div> </div>  <div class="p_r flex con1"> <div class="txt_box p_r"> <div class="txt_con p_r flex"> <div class="ui flex flex-align-center flex-pack-center p_r OPPOSans-M flex-1" id="two_part"> 前端爱好者 <div class="tips transition te_c OPPOSans-B transition flex flex-align-center flex-pack-center"> <span class="p_r">127px</span> </div> </div>  <div class="wx flex flex-align-center flex-pack-center p_r" id="three_part"> <audio src="./music/pf.m4a" controls="controls" preload id="music1" hidden> </audio> <span class="holder" id="bf" onclick="bf();">Music</span> <div class="tips te_c OPPOSans-B transition"> <span class="p_r c2">70px</span> </div> </div> </div>  <div class="text OPPOSans-M p_r transition" id="four_part"> <span class="p_r di_in">2022年，秋我终究还是没能改掉这个毛病</span> </div> </div>  <div class="pic flex flex-align-center flex-pack-center " id="five_part"> <img src="./images/g.jpg" > </div>  <div class="focus p_r OPPOSans-M"> <div class="txt" style="display: block;" id="default"> position: <span class="c1">absolute</span>;<br> width: <span class="c2">0px</span>;<br> height: <span class="c2">0px</span>;<br> left: <span class="c2">0px</span>;<br> top: <span class="c2">0px</span>;<br> font-family: <span class="c1">OPPOSans</span>;<br> font-style: <span class="c1">normal</span>;<br> font-weight: <span class="c2">0</span>;<br> font-size: <span class="c2">0px</span>;<br> line-height: <span class="c2">0px</span>; </div> <div class="txt" id="one"> position: <span class="c1">absolute</span>;<br> width: <span class="c2">357px</span>;<br> height: <span class="c2">157px</span>;<br> left: <span class="c2">336px</span>;<br> top: <span class="c2">101px</span>;<br> font-family: <span class="c1">OPPOSans</span>;<br> font-style: <span class="c2">normal</span>;<br> font-weight: <span class="c2">500</span>;<br> font-size: <span class="c2">119px</span>;<br> line-height: <span class="c2">157px</span> </div> <div class="txt" id=

评论收藏

内容反馈

版权申诉