易截截图软件、单文件、免安装、纯绿色、仅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滤镜

/**
* 給結點添加濾鏡
* 1.filterStyle形式:滤镜名称及其后的部分
* 2.Alpha 滤镜:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx, starty=starty,finishx=finishx,finishy=finishy)}--透明
* 3.Blur 滤镜:Blur(add=add,direction=direct ......

CSS常见的让元素水平居中显示方法

用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
  1.使用自动外边距实现居中
  CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为
aut ......

10个节约开发时间的CSS技巧

CSS已经成为网页前段设计一个非常重要的部分,由于写CSS时需要考虑的问题非常多,老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架,这篇文章可以给新手们一些启示。
1.简单的纯CSS Tooltip
通过这些代码,你可以做出简单的Tooltip。这是CSS
代码:
以下为引用的内容:
a:hover { background: ......

struts2 redirect css 失效

页面上的css链接 如下
<link href="../style/style.css" rel="stylesheet" type="text/css" />
当a.action通过重定向redirect 到另一个b.action后,进入下一个jsp页面,此时css和页面的图片都失效。
后来把jsp里面的css路径、图片路径改为绝对路径,就把问题结局了。
<link href="/BookShop/style/style.css" ......

最好的css重写代码

Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号