JavaScript网页换肤

使网页背景颜色可选黄/粉

<!doctype html>
<html>
<head><title>网页换肤</title></head>
<link id="css1" href="5-1.css" type="text/css" rel="stylesheet"><script>function ys1(){var a=document.getElementById("css1");a.href="5-1.css";}function ys2(){var a=document.getElementById("css1");a.href="5-2.css";}
</script>
<body><button onclick="ys1();">样式1</button><button  onclick="ys2();">样式2</button>
</body>
</html>

转载于:https://www.cnblogs.com/Yimi/p/5923129.html

JavaScript网页换肤相关推荐

JavaScript 网页换肤
今天我们来做网页换肤的一个案例,下面跟着我流程来吧. 下面是HTML布局的代码: 这里我们首先要导入几张图片到我们的文件夹中使用,然后在外层写两个"<div>"标签,一 ...
JS一起学01：css复习、js基础知识、事件、参数、函数、网页换肤、if判断、className问题、浏览器执行顺序
一.html/css 1. 什么是盒子模型? padding+border+width/height 2. float 浮动 (1)浮动的特性脱离文档流行内 ...
【JS实现网页换肤】
JS实现网页换肤单击俩个按钮实现网页换肤的功能,如下图所示: <body><button>皮肤1</button><button>皮肤2</bu ...
一键换肤代码html,js实现简单的网页换肤效果
中心思想:网页换肤的原理就是通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤计入Cookie中,这样用户已下次访问时,就可以显示用户自定义皮肤了步骤: 1.在设计HTML代码时,用 ...
select学习小demo--实现网页换肤
一,简单版 <body> <header><img src="img/2.jpg" alt="" style="widt ...
JavaScript一键换肤
场景叙述:点击某一个按钮,能够加载一个新的css文件,并且页面进行相应的更改还写了一篇使用alternate stylesheet更改样式的文章,各有优缺使用link的rel属性一键换肤 // in ...
JavaScript中网页换肤
.在电脑桌面打开DW软件 2.点击DW然后创建一个新的布局 3.敲出这些代码即可 4.在打开html就可以看到效果了
JavaScript+Css+Html实现网页换皮肤功能
描述:JavaScript+Css+Html实现网页换皮肤功能原理:使用不同网页背景保存在不同CSS里面,当点击切换的时候通过JavaScript将原来的样式表改为新的CSS就可以完成换肤功能代码 ...
使用js实现换肤功能
Skin.html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ ...

JavaScript网页换肤

JavaScript网页换肤相关推荐

最新文章

热门文章