随笔分类 -  html

iframe之键盘事件监听
摘要：iframe之键盘事件监听 场景： 子页面中如果聚焦，页面会监听子页面的键盘事件，监听不到父页面和其他子页面的键盘事件 原理： 在父级别页面，获取到子页面的window，挂载监听事件 代码： <html> <body> <iframe id="if2" src="2.html" frameborde 阅读全文
posted @ 2022-06-14 10:40 莫小龙 阅读(2203) 评论(0) 推荐(0) 编辑
jq之导航菜单
摘要：jq之导航菜单 <html> <head> <title>放置文章标题</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-3.5.1.min.js"></ 阅读全文
posted @ 2021-01-08 14:54 莫小龙 阅读(122) 评论(0) 推荐(0) 编辑
小白之选项卡
摘要：小白之选项卡 html： jquery： css： 参考自：http://www.jb51.net/article/47387.htm 阅读全文
posted @ 2018-01-02 15:35 莫小龙 阅读(154) 评论(0) 推荐(0) 编辑
小白之js原生轮播图
摘要：小白之js原生轮播图 html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="banner.css"> <script 阅读全文
posted @ 2017-09-12 09:58 莫小龙 阅读(167) 评论(0) 推荐(0) 编辑
小白之返回顶部按钮
摘要：小白之返回顶部按钮 样式： 点击按钮后，页面返回顶部。 步骤： 步骤： 1.引入jquery，bootstrap。 <script src="jquery/jquery-3.1.0.min.js"></script> <link rel="stylesheet" href="bootstrap/cs 阅读全文
posted @ 2017-09-12 09:55 莫小龙 阅读(226) 评论(0) 推荐(0) 编辑
小白之侧拉栏
摘要：小白之侧拉栏 效果： 就是点击分享，从右边拉出一个div，再次点击回去。功能很简单。 步骤： 1.引入jquery。 <script src="jquery/jquery-3.1.0.min.js"></script> 2.创建按钮和div。 <button class="buts">分享</but 阅读全文
posted @ 2017-09-12 09:41 莫小龙 阅读(179) 评论(0) 推荐(0) 编辑
小白之鼠标移入--图片遮罩显示
摘要：小白之鼠标移入--图片遮罩显示 效果：当鼠标移入图片时，图片被一块半透明黑色块遮住，并显示色块上按钮或文本。 原理：1.将图片位置创建<div>，固定宽高，绝对定位，并添加溢出隐藏。 2.添加两个<div>，第一个<div>用来装图片 3.第二个<div>添加半透明黑色背景，相对定位，并设置宽高。 阅读全文
posted @ 2017-08-03 19:20 莫小龙 阅读(1022) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示