这篇文章主要为大家详细介绍了AngularJS实现网站换肤的简单实例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
网站不应该只注重功能,还应该注重用户体验;成熟的大型网站大都具备让用户自行选择主题及颜色的功能,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
以上就是AngularJS实现网站换肤实例的详细内容,更多请关注易知道|edz.cc其它相关文章!