zxcva - 博客园

2026年1月

摘要：完整代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 阅读全文

posted @ 2026-01-06 20:25 zxcva 阅读(5) 评论(0) 推荐(0)

html+css实现响应式卡片悬停

摘要： 1. 定义标签，.kapian为最底层盒子，然后两个子盒子一个放图片，一个放文本： 1 2 3 4 5 6 7 8 9 10 11 12 13 <div class="kapian"> <div class="tu"> <img src="3.2.png"> </div> <div class="w 阅读全文

posted @ 2026-01-06 20:23 zxcva 阅读(15) 评论(0) 推荐(0)

html+css+js实现导航栏滚动渐变

摘要： 1.定义导航栏的文字标签： 1 2 3 4 5 6 7 8 9 10 <div class="tou"> <sapn class="logo"> 北极光。</sapn> <ul class="biao"> <li><a href="#"><a href="#">主页</a></li> <li><a 阅读全文

posted @ 2026-01-06 20:22 zxcva 阅读(15) 评论(0) 推荐(0)

HTML和JavaScript播放本地的媒体(视频音频)文件

摘要： 1、使用HTML和JavaScript播放本地视频文件的示例，源码如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 阅读全文

posted @ 2026-01-06 20:20 zxcva 阅读(68) 评论(0) 推荐(0)

HTML 拖拉功能的实现代码

摘要：此功能核心思想就是通过 JavaScript 代码控制 node 在页面上的左边距与顶边距，不同的的样式定位方式有不同的解决方案本方案采用position: absolute定位方式的解决方案 css 样式的核心代码 1 2 3 4 // 父容器核心样式 width: 100%; height: 阅读全文

posted @ 2026-01-06 20:17 zxcva 阅读(18) 评论(0) 推荐(0)

html列表框、文本域、文件域的代码

摘要：代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 阅读全文

posted @ 2026-01-06 20:16 zxcva 阅读(26) 评论(0) 推荐(0)

HTML页面缩小后显示滚动条的代码

摘要：实现很简单，几行代码 1 2 3 4 5 body{ min-width: 1200px; overflow: scroll; /*max-width:100%;*/ } 知识点扩展： html页面缩小后自动出现滚动条导入这个style就行了，@ www.xuepai.net主要按需求设置一下bo 阅读全文

posted @ 2026-01-06 20:15 zxcva 阅读(17) 评论(0) 推荐(0)

sublime / vscode 快捷生成HTML

摘要：基本html结构输入 !+Enter 1 2 3 4 5 6 7 8 9 10 11 12 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文

posted @ 2026-01-05 21:35 zxcva 阅读(13) 评论(0) 推荐(0)

html滑动仿悬浮球菜单效果代码

摘要： css样式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 阅读全文

posted @ 2026-01-05 21:33 zxcva 阅读(8) 评论(0) 推荐(0)

Html分层的box-shadow效果的代码

摘要： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 阅读全文

posted @ 2026-01-05 21:32 zxcva 阅读(15) 评论(0) 推荐(0)

公告