html
关注
分享
扫一扫
fuckingVictory
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
选项卡-JS篇
实现原理:每个a标签的对应一个div块,除了第一个div块,其他都隐藏起来,后面通过给a标签添加点击事件,如有需要也可改为移入事[onmouseover],然后获取a标签的href属性值,即该属性值去掉#号就是对应div块的id,通过给该div块添加active类和移除其他块的active类即可实现.<!DOCTYPE html><html> <head>...原创 2019-05-24 15:20:13 · 222 阅读 · 0 评论 -
CSS3实现弹性布局
网页布局（layout）是CSS3的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已...转载 2019-05-30 12:02:41 · 344 阅读 · 0 评论 -
Vue.js二重循环json
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> &...原创 2019-05-30 14:16:47 · 870 阅读 · 0 评论 -
选项卡--JQuery篇
该方法实现选项卡原理:每个a标签的对应一个div块,除了第一个div块,其他都隐藏起来,后面通过给a标签添加点击事件,获取a标签的href属性值,即该属性值去掉#号就是对应div块的id,通过给该块添加active类和删除其他块可能存在的active就可以很简单地实现了.<!DOCTYPE html><html> <head> <meta ch...原创 2019-05-23 16:15:52 · 182 阅读 · 0 评论 -
vue实现二级响应式导航栏
1.通过vue实现表现和数据分离2.实现了二级导航栏3.兼容pc端和移动端<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>响应式二级导航栏</title> <style type="text/css"> ...原创 2019-06-05 17:11:50 · 3458 阅读 · 0 评论 -
文字相对于图片垂直居中
思路:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>文字相对于图片垂直居中</title> <style type="text/css"> *{ box-sizing: border-box; } ...原创 2019-05-29 14:44:44 · 1211 阅读 · 0 评论