X5中CSS设置

颜色渐变

1 position:absolute;left:0;top:40%;

效果图

点击导航按钮变化颜色

1、设置按钮class为 btn-link(超链接)

2、为每一个导航按钮增加属性id

3、在按钮的点击事件中加入如下代码

1 Model.prototype.button1Click = function(event){
2     $("#button01").css("color","#008080");
3     $("#button02").css("color","#FFFFFF");
4     $("#button03").css("color","#FFFFFF");
5     $("#button04").css("color","#FFFFFF");
6 };

其中 button01-button04为4个按钮的id，#008080为点击后的颜色，#FFFFFF为还原的颜色

效果图