在各种项目中难免会遇到选项卡的时候,bootstrap中有一个选项卡插件,傻瓜式,没什么难度,但是支持的效果还还是不错的,建议研究一下bootstrap.js的 关于选项卡的代码。 <!--添加 nav 和 nav-tabs 类到 ul 中--> <ul id="myTab" class="nav nav-pills"> <!--//通过 data 属性:你可以通过添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中。--> <…
在各种项目中难免会遇到选项卡的时候,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’) 普通相邻选择器(弟…
对于一些像我这样的新手来说,只知道nodejs是可以写后端的JavaScript,最开始感觉他就是一个JavaScript库,当我真正的接触了node之后我才对node真正的有了入门的了解。 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。 JS运行在服务器端…
一、校验数字的表达式 1、数字:^[0-9]*2、n位的数字:^d{n} 3、至少n位的数字:^d{n,}4、m-n位的数字:^d{m,n} 5、零和非零开头的数字:^(0|[1-9][0-9]*)6、非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})? 7、带1-2位小数的正数或负数:^(-)?d+(.d{1,2})?8、正数、负数、和小数:^(-|+)?d+(.d+)? 9、有两位小数的正实数:^[0-9]+(.[0-9]{2})?10、有1~3位小数的正实数:^[0-9]…
好多网站都有这个功能,其实就是个小东西,很简单。这个是最简单的,自己瞎做的,练习练习。 css代码 #div1{ width:150px; height:200px; background:#40ADE9; position:absolute;left:-150px; top: 50px;} #div1 span{ position:absolute; height:60px; width:20px; line-height:20px; right:-20px;top:70px; background:#E55DE…
让文本等内容在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.…