请问一个网页有两套CSS风格 点击按纽就能变化风格

html-css024

请问一个网页有两套CSS风格 点击按纽就能变化风格,第1张

有2种方式,一种是前台的,一种是后台的

前台的:

做2个超链接,写上对应的事件,根据对应的时间,用js来改写

<link rel="stylesheet" type="text/css" media="screen" href="" />

href里面的值,最后重载一些页面

如果要完善,再把这个值写进cookie里

后台的:

做2个超链接,向后台传2个不同的参数,后台根据不同的参数输出

<link rel="stylesheet" type="text/css" media="screen" href="" />

的href地址

其实换肤就是改变<link rel="stylesheet" type="text/css" media="screen" href="" />的css文件链接地址,没什么难的

因为你用了两张图片,如果某条样式没有调用,那么该样式定义的包括图片背景设定都会不起作用,当调用的时候不如a:hover,这个时候杨时才起作用,才开始调用图片。

要避免这个问题,可以将两张背景图片合成一张,在css中背景定义同一张图片,但是在背景位置中定义不同的值。

解决方案:

请先清空缓存,然后刷新重试。清空缓存的方法是:

①打开IE浏览器点击“工具”-“Internet选项”;

②打开IE浏览器点击“工具”-“Internet选项”;

③点击“删除文件(F)”-在“删除所有脱机内容”前打勾,点击“确定”;

完成清理缓存处理后,请重新登录邮箱查看。