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

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


相关文档:

递归实现动态CSS菜单

<%@ 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居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
  1.使用自动外边距实现居中
  CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为
aut ......

用css实现文字的自动隐藏

不可换行 <NOBR></NOBR> (不换行)
 
overflow
版本:CSS2  兼容性:IE4+ NS6+ 继承性:无
 
语法:
 
overflow : visible | auto | hidden | scroll
 
参数:
 
visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对
象的window或f ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号