Web前端学习【三】
来源:互联网 发布:人类基因组计划 知乎 编辑:程序博客网 时间:2024/06/06 11:01
js-更换网页皮肤
【个人小结demo】
1.文件:
css:【firstSkin.css】用来写第一套皮肤(用到了img/firstSkin.jpg),【secondSkin.css】用来写第二套皮肤(用到了secondSkin.jpg),这样可以针对背景等进行单独方便修改,以后写不同套皮肤可以直接写成不同css文件然后进行引入并通过js来控制;【global.css】全局。
js:[huanPiFuSkin.js]文件通过id="background"用来控制改变<link rel="stylesheet" type="text/css" href="css/*.css" id="background" /> 中[href]属性值,能够使页面可以切换引入的css文件。
[huanPiFu.html]用了两个按钮【皮肤1】(id="firstSkin")、【皮肤2】(id="secondSkin")来切换。
2.小结:反正,以后如果要使用不同皮肤就可以直接写css文件,然后改一点js:[huanPiFuSkin.js]文件,网页面就可以直接引入(可以不用修改写太多了,方便省时间。)
0 0
- Web前端学习【三】
- 学习web前端之练习三
- web 前端(三)
- web前端总结(三)
- web前端基础学习入门篇(三)
- 小白web前端开发--学习笔记三
- 什么是Web前端?Web前端学习什么?
- web前端学习博客
- web前端学习
- Web前端技术学习
- web 前端学习
- web前端学习网站
- web前端学习路线
- web前端学习(bootstrap3)
- web 前端学习笔记
- web前端学习-kindeditor
- WEB 前端学习收获
- web前端学习摘要
- Python3 解决编码问题: UnicodeEncodeError: 'gbk' codec can't encode character '\xa9' in position
- CSS中的盒子模型
- [置换快速幂 中国剩余定理] POJ 1282 庆典的日期
- JDK动态代理
- cglib动态代理介绍(一)
- Web前端学习【三】
- Spark累加器(Accumulator)陷阱及解决办法
- 解析xml的4种方法详解
- Learning Python 008 正则表达式-005 compile模板的使用
- spark rdd checkpoint的用法注意点
- 时间服务器通讯协议
- 11. Container With Most Water
- 重新安装MySQL注意事项
- nginx启动流程之work初始化