在各种项目中难免会遇到选项卡的时候，bootstrap中有一个选项卡插件，傻瓜式，没什么难度，但是支持的效果还还是不错的，建议研究一下bootstrap.js的 关于选项卡的代码。 <!--添加 nav 和 nav-tabs 类到 ul 中--> <ul id="myTab" class="nav nav-pills"> <!--//通过 data 属性：你可以通过添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。--> <…
基本选择器 $(‘*’) 匹配页面所有元素 $(‘#id’) id选择器 $(‘.class’) 类选择器 $(‘element’) 标签选择器 组合/层次选择器 $(‘E,F’) 多元素选择器，用”,分隔，同时匹配元素E或元素F $(‘E F’) 后代选择器，用空格分隔，匹配E元素所有的后代（不只是子元素、子元素向下递归）元素F $(E>F) 子元素选择器，用”>”分隔，匹配E元素的所有直接子元素 $(‘E+F’) 直接相邻选择器，匹配E元素之后的相邻的同级元素F $(‘E~F’) 普通相邻选择器（弟…
让文本等内容在div中水平居中显示很容易，直接text-align：center就可以搞定，但是在很久之前我也是比较头疼垂直居中问题，现在我简单介绍一下方法吧，用css3的vertical-align:middle;来实现。 先看一下W3C上对vertical-align的定义：vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。我第一…
从事web前端的伙伴们都会知道响应式网站，那何为响应式网站？ 响应式网站就是一个网站能自动根据不同的设备来显示效果的网站（大白话），因为我们经常用的设备比如电脑、平板、手机等，这些设备的屏幕是不一样的，响应式网站就是根据不同的设备、不同的屏幕宽度（像素），可以自动的给用户呈现不同样式，使你的网站电脑可以显示，手机也可以显示，而不是制作两个版本的网站。制作响应式的网站可以有两种方式：1.就是通过服务器端来判断，服务器端的语言比如说PHP、jsp或者 .net等，通过服务器判断用户目前使用的是什么设备，然后发送响应的版…
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ html的meta总结 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1、name属性 name属…
导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。 这些在最新版的dreamviewer cc2015中都有相应的代码库，可以直接添加，但是为了后续的修改和样式的渲染，最好还是稍微了解一下它的结构。 为了分析的方便我就直接在代码中用注释的方式分析了 默认的导航（多数用于PC端） <…
js代码 window.onload=function() { var oDiv1=document.getElementById('div1'); var oDiv2=document.getElementById('div2'); var timer=null; oDiv2.onmouseover=oDiv1.onmouseover=function () { clearTimeout(timer); oDiv2.style.display='block'; }; oDiv2.onmouseout=oDiv1.…