1.做了3套网页模板 能不能用CSS代码和JS代码让它点击自动换模板?
2.求帮我美化一下 代码(写css,js等) 我对 动态页面一定不懂 谢谢
做了3套网页模板 能不能用CSS代码和JS代码让它点击自动换模板?
用js动态改变css样式表
用setAttribute方法实现一个页面两份样式表的效果,具体方法如下:
第一步:在连接样式表的元素里定义一个id,例如
<link href="1.css" rel="stylesheet" type="text/css" id="css">
我定义的id是css。
第二步:写一个js函数,delphi com 源码代码如下:
<script type="text/javascript">
function change(a){
var css=document.getElementById("css");
if (a==1)
css.setAttribute("href","1.css");
if (a==2)
css.setAttribute("href","2.css");
}
</script>
这个函数的code可以放在页面的任何地方。
第三步:为改变页面的样式表的连接添加一个函数的触发事件,代码如下:
<a href="#" onClick="change(1)">1.css</a>
<a href="#" onClick="change(2)">2.css</a>
该效果在IE和FF下均测试通过
在这个例子中函数名function后面的名字不能为links或者link,如果为links或者link,样式表将不被改变,具体什么原因我也不大清楚,可能是go string源码javascript的保留字符。
另外如果是改变整个页面的样式,你需要在样式表文件里定义body的高度为%
还有一种方法:
<script language="javascript">
var b_v = navigator.appVersion;
var IE6 = b_v.search(/MSIE 6/i) != -1;
var IE7 = b_v.search(/MSIE 7/i) != -1;
if (IE6) {
document.write("<link href=""css/neiye_ie6.css"" rel=""stylesheet"" type=""text/css"" id=""cssStyle"" />");
}else{
document.write("<link href=""css/neiye.css"" rel=""stylesheet"" type=""text/css"" id=""cssStyle"" />");
}
</script>
求帮我美化一下 代码(写css,js等) 我对 动态页面一定不懂 谢谢
您好在,这样的:
CSS:
<style>
.nav a{ background:url(img1.jpg) no-repeat; display:block;width:px; height:px;}
.nav a:hover{ background:url(img2.jpg) no-repeat;}
</style>
HTML:
<a class="nav" href="#"></a>
淘宝就有所不同。因为淘宝不能使用<style></style>。拼抢购源码所以不能实现你所说的效果,除非你是淘宝设计师。可以自己制作自定义模版。
下面是比较正式的教程:
定义和用法
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
说明
这个伪类应用处于“悬停状态”的合同提供源码元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,不过 CSS 没有定义究竟是bb彩源码哪些元素。
激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来:
a:link { color: #FF} /* 未访问的链接 */
a:visited { color: #FF} /* 已访问的链接 */
a:hover { color: #FFFF} /* 当有鼠标悬停在链接上 */
a:active { color: #FF} /* 被选择的链接 */
注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!
注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!
注释:Pseudo-class(伪类)的名称对大小写不敏感。
注释:伪类可与 CSS 类配合使用:
a.red:visited { color: #FF;}
<a class="red" href="css_syntax.asp">CSS Syntax</a>
如果上面这个例子中的链接已访问过,那么它会显示为红色。
实例
规定链接的颜色:
a:link { color: #FF} /* 未访问的链接 */
a:visited { color: #FF} /* 已访问的链接 */
a:hover { color: #FFFF} /* 当有鼠标悬停在链接上 */
a:active { color: #FF} /* 被选择的链接 */
浏览器支持
所有主流浏览器都支持 :hover 伪类。