JS控制CSS

原创 2007年09月12日 12:30:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JS控制样式</title> <style type="text/css"> .entry {  display:block; } </style> <script type="text/javascript"> //目前暂对styleSheets没有研究。。。这东西兼容起来貌似挺麻烦的 var Browser = {  IE : /MSIE/.test(navigator.userAgent)  , FF : /Firefox/.test(navigator.userAgent)  , OP : !!window.opera };

!function () {     if (window.CSSStyleSheet) {         var wc = window.CSSStyleSheet.prototype;         wc.addRule = function (a, b) {             this.insertRule(a + "{" + b + "}", this.cssRules.length);         };         wc.removeRule = function (a) {             this.deleteRule(a);         };         wc.__defineGetter__ && wc.__defineGetter__("rules", new Function("return this.cssRules"));     } }();

var hidden = function (name, styleText) {  var ss = document.styleSheets[0], rs = ss[Browser.OP ? 'cssRules' : 'rules'], i;  for (i = 0 ; i < rs.length ; i ++)   if (rs[i].selectorText.toLowerCase() == name.toLowerCase()) rs[i].style.display = styleText; }; </script> <button onclick="hidden('.entry', 'block')">显示</button> <button onclick="hidden('.entry', 'none')">隐藏</button> <br /> <br /> <span class="entry">我是字</span><hr class="entry" /> <div style="background:#000000;" class="entry">&nbsp;</div> <textarea class="entry" style="width:100px;height:20px;"> </textarea> </body> </html>

相关文章推荐

js控制css属性对照表

  • 2012年10月30日 15:13
  • 63KB
  • 下载

Gulp:静态资源(css,js)版本控制

为了防止客户端的静态资源缓存,我们需要每次更新css或js的时候,通过md5或时间戳等方式重新命名静态资源;  然后涉及到的html模板里的src也要做相应的修改,静态资源需要优化(压缩合并) ...

Js 控制CSS滤镜

  • 2011年03月26日 21:32
  • 530KB
  • 下载

js控制css实现qq爱墙效果

  • 2009年06月25日 14:24
  • 7KB
  • 下载

JS控制CSS伪元素的方法(上)

声明:此方法由bumfod 同学提供【HTML部分】 CSS The seller can, under Business Law 1782, offer a full ref...

js+css控制弹出小窗口之后,后整个页面背景图变色,并且不可操作,点击确定,页面跳转。。。

弹出一个窗口后,后面的层不可操作 ,点击确定之后跳转新的页面 function show() //显示隐藏层和弹出层 { var hideobj=document.getElemen...
  • hpugym
  • hpugym
  • 2015年11月11日 11:41
  • 2274

昨天学了js的控制css样式,自己做了个算卦小程序

上课学习加课外学习的一点知识,做了个小转盘,都是些小知识点,附上源代码...

js和css控制鼠标略过和点击后的样式

一、js和css控制鼠标略过和点击后的样式 document.onreadystatechange=function() //当页面状态改变时执行函数 { if(document.re...

js控制css样式

方法一:   将css单独写在一个css文件中, 在js中通过className属性赋值 创建一个XXX.css文件, 内容如下: .aDiv { display: block; border: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS控制CSS
举报原因:
原因补充:

(最多只允许输入30个字)