当您查看自己关注的人时Twitter,按钮从“关注”变为“取消关注”(从绿色变为红色,并且从复选标记变为 x 标记)。
我如何在我的网站上复制此内容?我意识到它可能是 bootstrap-css 和 bootstrap-buttons.js 的组合,但我无法弄清楚......
bootstrap-buttons.js 是 Twitter Bootstrap 中的一项新功能。但您也可以使用 jQuery 手动完成。
这是一个按钮(绿色)
<a href="#" class="follow btn success" onmouseover="change_btn();">✓ Following</a>
现在,您需要更改悬停时按钮的类和内容:
// Javascript File
function change_btn(){
$('.follow').removeClass("success");
$('.follow').addClass("danger");
$('.follow').html("✗ UnFollow");
}
该脚本将删除和添加类以更改按钮的背景,并更改其中的内容。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)