AngularJS实现网站换肤实例

这篇文章主要为大家详细介绍了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其它相关文章!

推荐阅读