易截截图软件、单文件、免安装、纯绿色、仅160KB

js css样式操作代码

     我们经常用js控制CSS样式,从而达到良好的用户界面和动态效果。我们经常使用的两种方式:
     方法1:
     var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200px”;
element.style.border=”solid 2px red”;
     优点是,易懂易用,简单方便;缺点是,样式多了,代码也跟着多了难以维护;而且通过JS复写对象的样式是比较经典的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。
     方法2:
     在JS中有一个cssText的方法,语法为:obj.style.cssTest("样式");
     如:
     element.style.cssText="width:200px;height:200px;border:solid 2px red"  
     这种方法可以尽量避免页面的多次复写,提高页面的性能


相关文档:

没想到的、不常用的三个css属性!

作者:tinyhill 来自:蓝色理想 对 《5 个简单实用的 CSS 属性》进行编辑
1、CSS Clip
剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素:你必须指定其 position 属性为 absolute,然后指定相对于元素的 top,right,bottom,left 值。
图片剪辑实例(演示)
以下示例演示了如 ......

firefox与IE对javascript和CSS的区别

1. document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];
Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可 ......

自定义CSDN博客CSS样式


可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的,整个页面主要由三个div组成,它们的id分别是:
csdnblog_header,
csdnblog_sidebar, csdnblog_content。
所以,定义它们的主体样式可以这样:
#csdnblog_header
{
   
//头部的风格 ......

内容页嵌套母版页时,内容页如何调用css和javascript

当在做项目时,通常我们会大量的使用母版页,使用母版页的好处显而易见,但通常在内容页中嵌套母版页时,我们还要在内容页中调用css样式和 javascript函数,好处有了,问题也来了。有两种解决方法,第一种就是在母版页的头部<head></head>标记中,嵌入所有css样式和javascript函数,这样做使得母版页的内容非常 ......

ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法

在网站设计的时候,应该注意css样式兼容不同浏览器的问题,特别是对完全使用DIV CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网页可能会和你理想的效果相去十万八千里!海量权威开发资料。
所有浏览器 通用
height: 100px; 
IE6 专用
_height: 100px;
IE6 专用
*height: 100px;  ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号