好多网站都有这个功能，其实就是个小东西，很简单。这个是最简单的，自己瞎做的，练习练习。 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.…

一、javascript页面刷新重载的方法： 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 点击重新载入页面 二、html链接重新载入方法 点击重新载入页面 点击重新载入页面 三、自动刷新页面的方法 //代码放在head中，每隔20秒钟刷新一次 //20秒之后页面跳转到百度中，通常运用到404页面 //js自动刷新 function myrefresh() { window.loca…

简单介绍一下用js怎么实现marquee标签的效果，只要用到的是js的setInterval函数来控制轮播，将执行时间设置为30毫秒，每30毫秒执行一次方法（向左移动2px），因为宽度太小，时间太短，所以给人的感觉就是在一直向左轮播。 但是几张图片总有向左走完的那一刻，为了可以做到无缝轮播，需要将现有的所有图片作为一个整体，也是就ul，copy一份连接到后面，也就是说现在有两个ul，作为一个整体向左移动，当第一个ul移动完的时候，第二个刚出来的那一瞬间，迅速将第一个ul拽回来，然后从头开始……………… js代码 w…

通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了，感兴趣的朋友可以了解下 大家都知道，用document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则…