08 2017 档案
摘要：$('.carousel').carousel(); //启动轮播 $('.carousel').carousel(‘pause’); //关闭轮播$(‘.carousel’).carousel({ pause：‘none’}); //鼠标放到banner图上不停止轮播
阅读全文
摘要：要去上班了，时间比较紧，先把代码粘出来，原理慢慢讲 我来了，今天是农历七月八日，昨天是七夕，不知道为什么，突然通知放假半天（嘎嘎），好吧，没什么！！！走到半路的我看到通知，立马撤了。正好回来把这个原理补上。 一般情况下，网页嵌入人物图片，是必须要按比例缩放的，不像一般的图片操作起来比较简单。 1、设
阅读全文
摘要：一、视频转换格式 首先，想要在网页中直接嵌入视频，就得用video标签，而<video>支持的仅有的几种格式中，MP4是兼容性，通用性各方面相对友好的，所以，建议上传之前先转换格式并压缩。 二、安装flashFXP 很简单，不必多说。。。 三、连接远程虚拟服务器 首先，点快速连接-->填写服务器地址
阅读全文
摘要：
阅读全文
摘要：一、下载安装包 https://git-for-windows.github.io/（放在任何一个你想放的地方（系统盘或非系统盘））。 二、开始安装 很简单，双击安装包，一直next下去，到了安装的最后一步时（点击launch Git Bash），就直接运行Git Bash，若此时弹出Git Bas
阅读全文
摘要：一、单行文本 注：white-space:normal（默认，空白会被浏览器忽略）|pre（空白会被浏览器保留，行为方式如同<pre>标签）|nowrap（文本不换行，直到遇到<br />标签）|pre-wrap（保留空白并正常换行）|pre-line（合并空白并换行）|inherit（继承）； 二
阅读全文
摘要：.scroll { width: 100px; height: 100px; overflow: auto; }
阅读全文
摘要：作者：郭爽
链接：https://www.zhihu.com/question/22991944/answer/63604478
来源：知乎
阅读全文
摘要：hello world1! hello world2! hello world3! hello world4! hello world5! hello world6! hello world7! more
阅读全文
摘要：首先，老阮在他博客讲的很明白了（http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html），这里我来全面总结一下。 一、transition 注：transition需要明确知道，开始状态和结束状态的具体数值，才
阅读全文
摘要：注：JavaScript相对于其他强类型（如c,c++,java，定义变量的同时申明变量类型）语言来说，是弱类型和松散型（在定义的时候不需要申明变量类型，在使用的时候才赋值给她什么类型就是什么类型。所以，JavaScript中的变量类型也是动态改变的）。 一、显式转换 1.ParseInt（stri
阅读全文
摘要：Title 这是顶部导航条 滚动看效果 滚动看效果 滚动看效果
阅读全文
摘要：html { margin: 0; height: 100%; } body { margin: 0; height: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; background: black; color: #ccc; }...
阅读全文
摘要：@import url(https://fonts.googleapis.com/css?family=Lato:900); *, *:before, *:after{ box-sizing:border-box; } body{ font-family: 'Lato', sans-serif; } div.foo{ width: 90%; margin: 0 auto; t...
阅读全文
摘要：body { font-family: 'Source Sans Pro', Arial, sans-serif; background: #becccc; text-transform: uppercase; color: #fff; text-align: center; letter-spacing: -3px; padding:50px; } ...
阅读全文
摘要：1、把html和body的height属性设为100%;保证content的高度能撑满浏览器; 2、把#content的高度也设置为100% ，但是这里我们使用了“min-height”属性，而不是的height属性，这是因为如果#main中的内容如果增加了，他的高度超过了浏览器窗口的高度，那么如果
阅读全文
摘要：因为头部是公共的，所以无法通过添加类的方式控制当前选中的类的颜色等样式。我们只能通过其他方法解决。 1、原理：首先找到当前a，然后循环判断，如果浏览器地址栏地址和a的href相等，就说明当前导航找到，添加定义的类。 2、代码 3、详解indexof方法 indexOf() 方法可返回某个指定的字符串
阅读全文
摘要：刚开始写项目的时候，有多少个页面，就复制多少次公共的代码（如头部，尾部）。显然这不是明智之举。下面介绍一种引入公共头部的方法。 1、首先在页面引入该JavaScript文件(include.js)。 2、在需要的地方引入，例如（<include src=" header.html"> </inclu
阅读全文
摘要：原理：点击当前元素时,当前元素添加（样式类），父辈的兄弟姐妹的孩子（'a'）去掉此样式类。 代码如下： 如下图所示：
阅读全文
摘要：静态布局：意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置； 自适应布局：就是说你看到的页面，里面元素的位置会变化而大小不会变化； 流式布局：你看到的页面，元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。 响应式布局：每个屏幕分辨率下面会
阅读全文
摘要：一、标题 h1,h2,h3,h4,h5,h6
阅读全文
摘要：placeholder 属性提供一种提示（hint），描述输入域所期待的值。 注释：placeholder 属性适用于以下类型的 <input> 标签：text, search, url, telephone, email 以及 password。 提示（hint）会在输入域为空时显示出现，会在输入
阅读全文
摘要：前两天在写左图右字，右图左字的时候，遇到了垂直居中的问题。才感觉垂直居中没有想象中的so easy。下面我分情况介绍一下: 方法一 可以设置父级显示方式为表格（display：table；），后代就可以使用表格属性(vertical-align:middle;)。 优点：content可以动态改变高
阅读全文
摘要：今天在实际项目中，写首页一屏的时候，发现页脚定位（position：absolute；）没有达到我想要的效果（不管屏幕大小，页脚始终相对浏览器底部定位）。于是我觉得有点奇怪，然而我旁边的小哥说：很明显你应该用（position：fixed；），于是连忙整理一下他俩的区别。 1、fixed--固定定位
阅读全文
摘要：<a onclick="{jscode}">是很常见的一种js运用方式，使用时经常会加一个href=“###”即<a onclick="{jscode}" href=“###”>，而不用<a href="javascript:{jscode}">或<a href="javascript:">是为了兼
阅读全文
浙公网安备 33010602011771号