
前端技术
前端技术包括Html、CSS、Javascript等技术,以实战为基础,记录实际开发过程中遇到的问题及相应的解决办法,为类似问题提供合理的解决方案,提高开发效率。
O溺水的鱼0
喜欢编程,乐在其中!
展开
-
CSS的width:100%和width:auto区别
CSS的width:100%和width:auto区别一、 问题前段时间在调整树结构的时候,发现如果树的节点名称比较长的话在IE6下则不会撑开外面的元素,导致节点的名称只显示了一半,同时图标和名称换行显示了,但是在IE8和IE9下则显示正常。定位到问题后,最终发现是下面的属性导致的,如下图红色所致,把width的值设置为auto后即可解决问题: .TreeVi原创 2011-12-05 21:26:04 · 51122 阅读 · 2 评论 -
拖动的简单实现
这里记录下拖动的简单实现,把下面代码另存为html,在IE中运行即可。拖拽其实就涉及的鼠标的三个事件,onmousedown,onmouseup,onmousemove,再结合获取鼠标的位置以及层的left和top即可实现类似的效果。在编码的时候,有两个需要注意的地方,一个是获取当前样式,currentStyle只在ie下有效,故对于非ie我们可以通过getComputedSt原创 2014-03-13 13:36:17 · 808 阅读 · 0 评论 -
TextRange对象与Range对象的使用
今天看到对TextRang对象和Range对象的说明,写的不错,可惜文中的举例的html代码格式太乱,很难阅读,这里整理下,方便以后的阅读。TextRange对象是动态HTML(DHTML)的高级特性,使用它可以实现很多和文本有关的任务,例如搜索和选择文本。文本范围让您可以选择性的将字符、单词和句子从文档中挑选出来。TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽原创 2012-11-25 18:01:27 · 3950 阅读 · 0 评论 -
如何利用CSS+DIV 实现三列自适应高和宽的布局(不用javascript)
需求:请用div+css自适应浏览器宽度和高度的水平三列布局,左右两列宽度均为为100px,html结构如下(可以适当修改结构): class="left"> class="center"> cla原创 2011-07-12 20:05:43 · 6305 阅读 · 1 评论 -
Div布局时注意使用clear属性
v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);} 800x600 Normal 0原创 2011-06-24 22:06:00 · 6722 阅读 · 4 评论 -
Jsp中使用return时应注意
800x600 Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE原创 2011-06-24 22:09:00 · 9884 阅读 · 0 评论 -
不同浏览器下高度的区别
多浏览器 scrollHeight clientHeight scrollTop offsetHeight 测试 safari opera firefox ie原创 2011-03-15 21:04:00 · 2402 阅读 · 0 评论 -
利用jquery让元素居中
jquery html 元素 居中 scrollTop offsetHeight原创 2011-03-15 21:00:00 · 5331 阅读 · 0 评论 -
html5的canvas对象的translate方法和rotate方法
html5 translate rotate canvas原创 2010-10-24 22:09:00 · 12628 阅读 · 0 评论 -
Viedo标签在IE9下的效果
HTML5 IE9 video原创 2010-10-20 23:08:00 · 4903 阅读 · 3 评论