素材巴巴 > 程序开发 >

AngularJS实现网站换肤的简单示例

程序开发 2023-09-03 17:24:51

网站不应该只注重功能,还应该注重用户体验;成熟的大型网站大都具备让用户自行选择主题及颜色的功能,AngularJS也可以做到这点。

效果图:

这里写图片描述

原理是使用ng-href来动态为网页更换样式:

代码:


 
 //动态更新CSS样式
 
 

Welcome

  • Home
  • About
  • Contact

blue.css

h1{color:blue;
 }
 ul li{display:inline-block;
 }

red.css

h1{color:red;
 }




此文档的作者:justforuse
Github Pages:justforuse


标签:

上一篇: angularjsFileUpload Springmvc上传文件 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。