javascript css cookie换皮肤
一说到javascript就有人会想到java,但是他们完会是两回事,javascript是面向对象的动态类型的区分大小写的客户端脚本语言,请注意大小有区别,面向对象。javascript用途很多的,目前几乎所有主流浏览器都支持。但是他有一个坏处就是变量,如var
i=4;这个i就是int类型的,var
s="hello",这个s是字符串类型的,并且,在上面声明了一个变量同时也在下面声明了一个和上面相同变量名的变量,这时,javascript不会错,他就用你在最后声明的那个变量,所以,用的时候注意大小写和避免相同的变量名。
1。html文件,五个区域,每点击一个区域时让他调用一个javascript函数,并给他传参数
<link id="classskin" href="style/s2.css"
rel="stylesheet" type="text/css" />
<div class="pagebody">
<ul
id="change_theme">
<li id="skincss1" onclick="skin(1)"><a
title="白色天使" href="#"> </a></li>
<li id="skincss2"
onclick="skin(2)"><a title="默认皮肤" href="#"> </a></li>
<li id="skincss3" onclick="skin(3)"><a title="绿色心情" href="#">
</a></li>
<li id="skincss4" onclick="skin(4)"><a
title="深蓝彩虹" href="#"> </a></li>
<li id="skincss5"
onclick="skin(5)"><a title="粉色玫瑰" href="#">
</a></li>
</ul>
</div>
2。javascript函数skin,接收一个参数。
function skin(s){
for(var i=1;i<6;i++){
if(document.getElementById("skincss"+i))
document.getElementById("skincss"+i).className="";
}
document.getElementById ("skincss"+s).className ="current";
document.getElementById("classskin&q
相关文档:
纯图片版:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Slideshow</title>
<mce:script type="text/javascript" charset="utf-8"><!--
var galleryarra ......
由于后台模板系统的强大,如rails的erb,javascript的模板系统一直处于被打压状态,但又由于后台的技术发展过快,日新月异,以及Ajax应用的普及,javascript还是有一藉之地的。如我们要从后台返回一个HTML片断,但事实上我们永远只能返回文本(responseText)或responseXML,如果你得到是json,其实后台已稍稍调用javascrip ......
1.图片的垂直居中
.box
{
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align: middle; /*设置水平居中*/
text-align: center;
/* 针对IE的Hack */
*display:block;
......
平 时拿CSS布局都是一些内容比较多的网站,前两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可能大家都会遇到,那就是网站FOOTER的定 位,如果内容比较少的话,页面的FOOTER就会随着内容的减少跑到上面去,不是乖乖的在下面呆着,害得我研究了半天找高人终于给搞定了,也算一个小小的 技巧给大家分享
首先我们要在外层设定一 ......