作品介绍
纯html的源码,打开使用啦!
效果图
效果地址:http://luoyujin0511.gitee.io/wr
部分代码
<!--
* @Author: your name
* @Date: 2021-04-09 15:21:37
* @LastEditTime: 2021-04-09 15:23:26
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \原生JS制作爱心表白代码\index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>心心-样例图</title>
<link href="favicon.ico" rel="shortcut icon" class="icon-love" type="images/x-ico">
<link rel="stylesheet" href="css/love.css">
</head>
<body>
<div class="container" onselectstart="return false;" unselectable="on" style="-moz-user-select:none;">
<div class="body_left">
<img src="images/biubiubiu.gif" alt="" ondragstart='return false;'>
</div>
<div class="body_center love">
<div class="block">
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
</div>
</div>
</div>
<div class="footer">
<div class="border">
<div class="border-top"></div>
<div class="border-bottom"></div>
</div>
</div>
<script type="text/javascript" src="js/love.js"></script>
</body>
</html>
前端 零基础 入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
源码获取(可关注↓公众号 :web前端成长家园获取更多源码 !)
❀ ~ 关注我,点赞博文~ 每天带你涨知识!
❀ 1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
❀ 2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、生活及表白页面等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!
❀ 3.以上内容技术相关问题可以相互学习,可关注↓公众号 :[web前端成长家园]获取更多源码 !
更多推荐
超火表白代码,心心(html+css)
发布评论