0616css3 伪元素模拟单、复选框特效 之 如何更容易的选中阅读(7636)条2017/6/16 14:48:37

一、概述：本来Css3模拟单、复选框是挺容易的，问题不是在这个上面，而是如何更容易的选中。而不仅仅是那个单、复选框的区域。所以本实例是整行都可以选中。本实例采用纯Css3配合来完成的，并不需要js，相反以前做的部分还是用JS事件去做这个效果，发现真的很LOW。随着html5越来越普及，估计以后代码都会越来越精简了！效果如下图所示：二、实现及代码：1、因为只要点击input区域就可以选中或取消，所以我就围绕input来做动作,只要input足够大能点击的到...阅读全文

Taget：css3 伪元素 技巧 

0508JQuery 获得div绝对,相对位置的坐标方法阅读(10308)条2017/5/8 11:38:26

一、概述：一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标，当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。二、获取方法获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;获取页面某一元素的绝对X,Y坐标var X = $('#DivID').offset().top;var Y = $('#DivID&...阅读全文

Taget：jq 元素 位置 

1220js获取某元素的class里面的css属性值阅读(8683)条2013/12/20 13:28:16

用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style.margin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性)。而下面方法则两者值都可以获取。实例效果图如下:js在获取css属性时如果标签中无style则无法直接获取css中的属性，所以需要一个方法可以做到这点。getStyle(obj,attr) 调用方法说明：obj为对像,attr为...阅读全文

Taget：js css 属性 

0506让IE6支持HTML5元素的方法 阅读(6549)条2012/5/6 22:35:20

如何让IE6支持HTML5的效果找了一下有不少写了关于这方面的例子，自己调试了一下，在FF和Opera中都显示正常了，到了IE6上却变得面目全非了。GOOGLE了一下，发现了html5shiv这个项目，可以把HTML5的新元素转换成IE6认识的内容。作者已经把这段代码放到了Google code project上，只需要在你的head中调用这段代码就行：<!--if lt IE 9]>  <script src="http://html5shiv.googlecode.com/svn/trunk/...阅读全文

Taget：ie6 HTML5元素 excanvas 

0704如何解决IE6 img与元素边界有空隙问题阅读(7978)条2011/7/4 14:04:55

很多人在在web开发中，经常会遇到图片和临界元素之间有间隔，多发生在ie6下!如以下两种情况1.未加效果在ie6下会出现这种情况！;2、加了display:block处理后的效果;1、代码如下:<style type="text/css">div{width:205px;height:121px;border:1px solid #ddd;padding:5px;}img{width:205px;height:121px;}</style><div></div><div></div><div></div>2、代码如下:<style type="text/css...阅读全文

Taget：img空隙 容器的字体 display:block 

1201CSS进阶教程：CSS中内联元素与块级元素阅读(6934)条2010/12/1 15:41:25

p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间）　　《CSS权威指南》中文中：任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式，这里的“行布局”的意思就是说其表现形式...阅读全文

Taget：CSS进阶教程 内联元素 块级元素 

0810CSS中块元素和内联元素的区别阅读(7741)条2010/8/10 18:00:00

这里向大家描述一下CSS中块元素和内联元素的区别，当加入了CSS控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。CSS块元素(blockelement)CSS块元素一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳CSS内联元素和其他CSS块元素,常见块元素是段落标签'P"。“form"这个块元素比较非凡，它只能用来容纳...阅读全文

Taget：css 块元素 内联元素