前端一
初学前端
团团ya
这个作者很懒,什么都没留下…
展开
-
页面加载动画效果
页面加载动画效果html+css如图所示:如果有不足的地方也请指出,一定虚心接受和改正。命名有点不规范,之后会注意的。HTML代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="./css/1234.css"> <link re原创 2020-06-06 15:49:59 · 417 阅读 · 0 评论 -
打开页面自动弹出登陆提示框
效果图:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .login-header { width: 100%; text-align: center; height: 30px;原创 2020-06-02 21:39:15 · 3214 阅读 · 1 评论 -
事件委托+排他法
注意:事件委托的核心原理:给父节点添加侦听器, 利用事件冒泡影响每一个子节点<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <!-- (文字)哔哩吧啦小魔仙案例 --> <style> li { list-style: none; }原创 2020-06-01 10:27:48 · 1134 阅读 · 1 评论 -
物体跟随鼠标移动——图片为gif格式
先找好喜欢的gif图片,然后引入。大的gif图片需要隐藏滚动条。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <!-- 跟随鼠标移动 --> <style> body { background-color: #000000; } body:原创 2020-05-31 16:57:00 · 931 阅读 · 0 评论 -
简单版留言发布+删除留言
因为自己学习有不懂的地方,所以写出来加深印象。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>demo</title> <style> * { margin: 0; padding: 0; }原创 2020-05-30 13:40:59 · 638 阅读 · 0 评论 -
背景底图更换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } ...原创 2020-05-29 21:06:08 · 368 阅读 · 0 评论