javascript - 网站主题切换的实现?
高洛峰
高洛峰 2017-04-11 11:57:18
[JavaScript讨论组]

我看到Watch Dog游戏官网,非常炫酷,而且还可以从马赛克风格转换成扁平化风格,请问这是如何实现的?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(4)
怪我咯

切换的方法有很多,如
1.如果是网页布局方式需要改变的话,就写多套CSS;(不推荐,原因:工作量大,其次要做两套CSS的兼容性,碰上Hack就更惨)
2.触发的方法:1,可以在按钮里绑定事件,2,可以用计时器,或者获取当前时间,做个判断,再或者,写一个颜色主体的数组,用JS每天零点前去定时调用,就有点QQ空间或者QQ秀每天换不同主题的样子了;
(不管什么方法实现都好,首先得让效果实现,其次是优化的事情,主要的不是实现方法,而是思维方式)

PHP中文网

两套CSS切换啊

ringa_lee

结构没有变的话,那就是切换了css,也就是网站上Theme向左或向右滑动后,会更换成对应风格的样式文件

大家讲道理

看代码,就是写了两套css,切换的时候在 body上切换id,对应不同的样式,变化的时候配上一些transition让切换变的流畅一些就很好看啦。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号