和谐的望天

如今已到了风烛残年的岁月,想起还有许多未看未发觉的动画就不由的老泪纵横啊.<<返回空间主页装扮空间查看主人装扮自定义送礼物加为好友设置个人中心...

JS控制CSS

<!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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭