随笔分类 -  html(5)+css(3)

flex弹性布局
摘要：弹性布局可以简洁、完整、响应式的实现各种页面布局。 只需要在父元素设置为flex布局即可：display:felx。那其子元素的float、clear和vertical-align的属性就无效，父元素成为flex容器。 flex容器有6个属性： 1、flex-direction：决定主轴的方向，就是 阅读全文
posted @ 2018-11-20 22:43 独行的心 阅读(346) 评论(0) 推荐(0)
弹性布局
摘要：给其父元素添加属性，display：flex；justify-content：space-between；其中的space-between作用是两端对齐（自己最常用弹性布局的属性）， 子元素属性设置为flex： flex-grow flex-shrink flex-basis 这是简写，也可以单独分 阅读全文
posted @ 2018-08-02 16:55 独行的心 阅读(330) 评论(0) 推荐(0)
html5本地存储（仅仅记录自己已经用到的知识）
摘要：存储数据： window.localStorage.setItem('key', score1); window.localStorage.setItem('key1', zhi1); window.localStorage.setItem('key2', zhi2); window.localSt 阅读全文
posted @ 2018-06-14 07:49 独行的心 阅读(124) 评论(0) 推荐(0)
JQuery canvas 验证码
摘要：<div class="code"> <input type="text" value="" placeholder="请输入验证码" class="input-val" /> <canvas id="canvas" width="100" height="43"></canvas> <button 阅读全文
posted @ 2018-06-13 23:29 独行的心 阅读(233) 评论(0) 推荐(0)
判断浏览器类型代码
摘要：<script type="text/javascript"> function uaredirect(murl) { try { if(document.getElementById("bdmark") != null) { return } var urlhash = window.locati 阅读全文
posted @ 2018-06-12 18:26 独行的心 阅读(300) 评论(0) 推荐(0)
Swiper.js的使用
摘要：下载swiper.min.js和swiper.min.css 在html头部引入这两个文件， <link rel="stylesheet" href="css/swiper.min.css"> <script src="js/swiper.min.js"></script> 在HTML文件的对应位置 阅读全文
posted @ 2018-05-18 17:37 独行的心 阅读(351) 评论(0) 推荐(0)
谷歌和火狐浏览器清除缓存快捷键
摘要：shitf + ctrl + del 进入清除缓存页面 在进行清除操作！！！！！！！！ 阅读全文
posted @ 2018-05-07 08:21 独行的心 阅读(658) 评论(0) 推荐(0)
网页点击跳转到微信页面
摘要：<a href="weixin://" onclick="PIWI_SUBMIT.Weixin_Open()"><img src="img/weixin_03.png"/></a> 阅读全文
posted @ 2018-04-21 15:42 独行的心 阅读(1541) 评论(0) 推荐(0)
弹窗至下往上弹出
摘要：$(document).ready(function() { //进入页面后有3秒间隔才弹出弹窗， setTimeout(function(){ $("#c_swt").slideDown(1000); },3000); //点击关闭的动画效果，是自上而下淡出的 $(".close1").on("c 阅读全文
posted @ 2018-04-21 13:25 独行的心 阅读(195) 评论(0) 推荐(0)
焦点轮播图（tab轮播）
摘要：主要有两部分：1、列表导航（小图片） 2、展示区（大图片） 页面布局： HTML部分： <div class="s_conC"> <!-- 导航 --> <div class="s_nav"> <div class="on"> <p>1、夹在耳垂</p> </div> <div> <p>2、刺激神经 阅读全文
posted @ 2018-04-18 08:07 独行的心 阅读(353) 评论(0) 推荐(0)
网页底部广告悬浮弹窗（css）
摘要：有的单页面需要添加广告等悬浮div。 部分代码： <div class="flex"> 内容.... </div> 主要css代码： .flex{position: fixed;bottom: 0%;max-width: 640px;min-width: 320px;width: 100%;z-in 阅读全文
posted @ 2018-04-12 16:39 独行的心 阅读(1372) 评论(0) 推荐(0)