最近搞的一个JS动态改变CSS内容,和大家分享。
<script type="text/javascript">
function GetCurrentStyle (obj, prop,num) {
if (obj.currentStyle) {
if (num==0) {
document.styleSheets[0].cssText=document.styleSheets[0].cssText.replace(/19em/g,"1em");
}
else {
document.styleSheets[0].cssText=document.styleSheets[0].cssText.replace(/1em/g,"19em");
}
}
else if (window.getComputedStyle) {
if (num==0) {
document.styleSheets[0].cssRules[0].style.cssText=document.styleSheets[0].cssRules[0].style.cssText.replace(/19em/g,"0em");
}
else {
document.styleSheets[0].cssRules[0].style.cssText=document.styleSheets[0].cssRules[0].style.cssText.replace(/0em/g,"19em");
}
}
return null;
}
function showSiterbar(){
var b=document.getElementById('leftColumn')
var c=document.getElementById('content')
if(b.style.display=="block"){
GetCurrentStyle(c,"margin-left",0);
b.style.display="none";
}else{
GetCurrentStyle(c,"margin-left",1);
b.style.display="block";
}
}
</script>
分享到:
相关推荐
css和js的浏览器兼容问题汇总,希望能帮到大家
js浏览器兼容问题的大全,CSS书写规范,js代码规范
浏览器兼容报告。css和js的浏览器兼容问题总结。
Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF:...
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 ...25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3
本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float...
本篇介绍了CSS3与页面布局学习总结——浏览器兼容与前端性能优化,具体如下: 一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦...
自己遇见的一些常见的css兼容性问题。和css hack 自己总结出来后生产pdf文档带书签的。 CSS兼容性笔记 1 一 css hack 1 1.直接案例 1 2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 4. 注意 Html头部的声明...
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!
CSS 多浏览器兼容性问题及解决方案一、document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements [“elementName”];Firefox 下...
这是一个css3里的属性处理圆角技术的问题,其中也包括用全用js处理圆角问题,在这里提供大家,希望对大家做网页有点用
网站制作经验(浏览器兼容性),本人写CSS+js遇到的问题以及解决办法
javascript 动态生成css代码的两种方法 有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面的css代码,最后把它插入到head元素中。但有些...
这是一个JavaScript日历库,可完全响应并与所有现代浏览器兼容。 功能包括: 添加,更新和删除事件,并具有完整的自定义颜色支持。 完整的API可通过公共功能获得。 拖放事件。 可配置的翻译文本。 日,周,月...
在本文中,我们会揭开你在开发web应用是可能会遇到的12个最常见的CSS问题的javascript解决方案。 1. 自动匹配高度 自从我们抛弃了基于Table的页面布局后,创建同等高度栏目或内容盒子的视觉效果已然是一个挑战。 ...
html css js网页设计CSS 要点: 样式化页面布局: 使用 CSS 来设计页面的布局,包括定位、盒模型、布局...兼容性和浏览器差异: 不同浏览器对 CSS 属性的解释和渲染方式可能有所不同,需要考虑到浏览器兼容性问题。
正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。 jQuery通过预先的javascript编程,提供了几乎所有css3标准下的选择器。开发者可以利用这些选择器轻松选择各种元素。供javascript编程使用...