动态CSS,换肤技术_ASP教程-查字典教程网
动态CSS,换肤技术
动态CSS,换肤技术
发布时间:2016-12-29 来源:查字典编辑
摘要:见的例子就是:一个站点上有多个页面样式提供浏览者选择。同时,在选择了某样式后,再次打开该页面时,将仍然保持该样式。自然会想到了Cookie技...

见的例子就是:一个站点上有多个页面样式提供浏览者选择。

同时,在选择了某样式后,再次打开该页面时,将仍然保持该样式。

自然会想到了Cookie技术

以下是程序代码:

<HTML>

<HEAD>

<linkID="skin"rel="stylesheet"type="text/css">

<TITLE>换肤技术</TITLE>

<SCRIPTLANGUAGE=javascript>

<>

</SCRIPT>

</HEAD>

<BODY>

<P>请选择下面的下拉菜单测试换肤效果</P>

<ahref=#onclick="changecss('css.css')">css.css</a>

<ahref=#onclick="changecss('css1.css')">css1.css</a>

<ahref=#onclick="changecss('css2.css')">css2.css</a>

<ahref=#onclick="changecss('css3.css')">css3.css</a>

<br>

<selectonchange="changecss(this.value)">

<option>选择样式单文件</option>

<scriptlanguage="javascript">

varcsss=newArray();

csss[0]="css.css";

csss[1]="css1.css";

csss[2]="css2.css";

csss[3]="css3.css";

vari;

for(i=0;i<4;i++)

if(thisskin==csss[i])

document.write("<optionvalue=""+csss[i]+""selected>"+csss[i]+"样式单文件</option>");

else

document.write("<optionvalue=""+csss[i]+"">"+csss[i]+"样式单文件</option>");

</script>

</select>

</BODY>

</HTML>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新ASP教程学习
    热门ASP教程学习
    编程开发子分类