用JS来切换CSS,很好很简单
假如我们想通过前台自主选择CSS样式来达到改变颜色、风格等目的的话,用JS调用CSS文件就OK。
先做两个(或多个)CSS文件。
style_1.css 代码:
body{background-color: #ccff66;}
......
style_2.css 代码:
body{background-color: #ff0000;}
......
JS代码如下:
<link rel="stylesheet" rev="stylesheet" id="style" type="text/css" media="all" />
<script>
function change_skin(obj){
if(obj.length<1){
return;
}else{
document.getElementById("style").href=obj;
}
}
</script>
<body>
<select onchange="change_skin(this.value)" id="skinStyle">
<option value="">改变风格</option>
<option value="style_1.css">风格 1</option>
<option value="style_2.css">风格 2</option>
</select>
</body>
相关文档:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<mce:style type="text/css"><!--
body {
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, ......
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
1.使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为
aut ......
不可换行 <NOBR></NOBR> (不换行)
overflow
版本:CSS2 兼容性:IE4+ NS6+ 继承性:无
语法:
overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对
象的window或f ......