css+javascript 动态换肤的实现

< link id = " css " rel = StyleSheet type = " text/css " href = " ./button.css " />

< script type = " text/javascript " >

var cssArray = new Array( " button.css " , " button1.css " , " button2.css " , " button3.css " , " button4.css " , " button5.css " , " button6.css " );

var index = 0 ;

function changeCssFile()

{

var css = document.getElementById( " css " );

index ++ ;

if (index < cssArray.length)

{

css.href = cssArray[index];

}

else

{

index = 0 ;

css.href = cssArray[index];

}

</ script >

< a class ="button" href ="#" onclick ="changeCssFile()" >

< span id ="buttonText" > Change another style </ span >

</ a >

posted on 2008-09-25 12:26 jht 阅读(752) 评论(0) 编辑收藏

常用链接

留言簿(2)

随笔分类

随笔档案

文章档案

我的BLOG

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻 Chat2DB C++博客博问管理