大佬教程收集整理的这篇文章主要介绍了如何使用javascript / jquery在less css中更改主题颜色,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我用下面的css来改变不同的主题颜色
@lightRed: #fdd;
@lightGreen: #dfd;
@lightBlue: #ddf;
@defaultThemeColor:@lightBlue;
#header{
.wrapper();
width:@defaultWidth;
height:80px;
margin-bottom:20px;
background:@defaultThemeColor;
}
#menu{
background:@defaultThemeColor;
}
而html如下:
<><><>
当点击theme1时,应加载@lightRed主题,对于theme2 @lightBlue和对于theme3 @lightGreen
请让我知道我的javascript / jquery应该如何更改主题颜色点击
less.refreshStyles()
要么
less.modifyVars()
你可以在这里阅读更多内容:Dynamically changing less variables
在.click事件上使用jQuery和modifyVars这一行可能有效:
$('.theme_option').click(function(event){
event.preventDefault();
less.modifyVars({
'@defaultThemeColor': $(this).attr('data-theme')
});
});
以上是大佬教程为你收集整理的如何使用javascript / jquery在less css中更改主题颜色全部内容,希望文章能够帮你解决如何使用javascript / jquery在less css中更改主题颜色所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。