E企盈营销工具技术服务商 热线:4006-838-530

转:(很有用)有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法

E企盈直播平台营销卖货系统

table tr                td                    input class=”flag hq_hy” type=”submit” οnclick=”dj(this);” value=”行业” /                /td                td                    input class=”flag hq_zsh” type=”submit” οnclick=”dj(this);” value=”指数” /                /td                td                    input class=”flag hq_hb” type=”submit” οnclick=”dj(this);” value=”货币” /                /td                td                    input class=”flag hq_jyyc” type=”submit” οnclick=”dj(this);” value=”交易异常” /                /td                td                    input class=”flag hq_byb” type=”submit” οnclick=”dj(this);” value=”比一比” /                /td                td                    input class=”flag hq_lrcl” type=”submit” style=”” οnclick=”dj(this);” value=”ETF两融策略” /                /td            /tr        /table样式stylestyle.hq_hy:hover, .hq_zsh:hover, .hq_hb:hover, .hq_jyyc:hover, .hq_byb:hover, .hq_lrcl:hover  /*鼠标移上去变色(不点击)*/        {            color: #fff;            border-color: #b1b0b0;            background: #b1b0b0;            border: none;        }                .start        {            cursor: pointer;        }        .end        {            cursor: pointer;            color: #fff;            background: #b1b0b0;            border: none;        }    /stylejs代码script type=”text/javascript”    $(function () {    //加载事件        var collection = $(“.flag”);        $.each(collection, function () {            $(this).addClass(“start”);        });    });    //单击事件    function dj(dom) {        var collection = $(“.flag”);        $.each(collection, function () {            $(this).removeClass(“end”);            $(this).addClass(“start”);        });        $(dom).removeClass(“start”);        $(dom).addClass(“end”);    }/script这样点击一个按钮变色,再点击另一个按钮原来的按钮就恢复颜色。–链接来自:https://www.cnblogs.com/why-love-study/p/6025383.html

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 转:(很有用)有多个按钮,点击一个变色,点击另一个变色,原来的恢复颜色的方法
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏