如何使用 Twitter Bootstrap 在 Twitter 网站上复制关注/取消关注悬停操作?

2023-12-08

当您查看自己关注的人时Twitter,按钮从“关注”变为“取消关注”(从绿色变为红色,并且从复选标记变为 x 标记)。

我如何在我的网站上复制此内容?我意识到它可能是 bootstrap-css 和 bootstrap-buttons.js 的组合,但我无法弄清楚......


bootstrap-buttons.js 是 Twitter Bootstrap 中的一项新功能。但您也可以使用 jQuery 手动完成。

这是一个按钮(绿色)

<a href="#" class="follow btn success" onmouseover="change_btn();">&check; Following</a>

现在,您需要更改悬停时按钮的类和内容:

// Javascript File
function change_btn(){

$('.follow').removeClass("success");
$('.follow').addClass("danger");
$('.follow').html("&cross; UnFollow");

}

该脚本将删除和添加类以更改按钮的背景,并更改其中的内容。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Twitter Bootstrap 在 Twitter 网站上复制关注/取消关注悬停操作? 的相关文章

随机推荐

  • Mysqli UPDATE SET WHERE 语法错误

    所以我有这段 php 代码 if POST action newComment mysqli new mysqli localhost root nested comment new post mysqli gt real escape s
  • 隐藏用户输入,并且只允许某些字符

    在 C 中要求时有什么方法可以隐藏用户输入吗 例如 char str malloc sizeof char printf Enter something scanf s str getchar printf nYou entered s s
  • Android:Paint.breakText(...) 不准确吗?

    我有一个视图 它绘制一个矩形 其中包含一行文本 视图使用分隔文本来确保没有文本延伸到矩形之外 它会忽略任何这样做的文本 这对于某些字符来说效果很好 但通常由 l 和 f 组成的字符串会延伸到矩形之外 所以 我需要在这里进行健全性检查 下面的
  • 无法在 IE9 上通过 JavaScript 更改视频标签的来源

    您好 我正在开发 HTML5 视频播放器 目前我遇到了一个奇怪的错误 我可以在 IE 和 Chrome 中正常播放视频 但是 当我想通过 java 脚本动态更改视频源时 我遇到了麻烦 Chrome 更改视频源没有任何问题 但 IE9 保持以
  • 如何使 GET Web 服务更安全

    我已经在 PHP 中使用 GET 方法为 android 创建了 Web 服务 现在我想将其转换为 POST 以使其更安全 如何将应用程序从 GET 转换为 POST 还有其他方法可以使其更安全吗 答案取决于您想保护它免受谁的侵害 假设您想
  • __builtin_va_start 在哪里定义的?

    我正在尝试定位在哪里 builtin va startGCC的源代码中定义了它 看看它是如何实现的 我正在寻找哪里va start定义然后发现这个宏定义为 builtin va start 我用了cscope r在GCC 9 1的源代码目录
  • 写入并替换文件中的特定行

    我想替换键的值 即db host addons path with 输入文本文件包含以下内容 Test txt addons path bin root admin passwd abctest auto reload False csv
  • JS FileReader:从本地文件和 jquery-csv 读取 CSV

    我在与 html 页面相同的目录中有一个 CSV 文件 我想使用 FileReader 将文件内容读入 jquery csv 的 To Arrays 函数 但我似乎无法让它正常工作 我想我理解这个任务的异步性 但是我描述得正确吗 在这里 我
  • 如何修复 Google expo auth 会话登录错误“尝试完成登录时出现问题”

    我正在尝试使用 google 在我的博览会中登录博览会授权会议 当我点击 Gmail 登录时 我被重定向到此screen说 尝试完成登录时出现问题 请关闭此屏幕以返回应用程序 Google auth code import as Googl
  • 我想在使用 javascript 正则表达式时忽略方括号[重复]

    这个问题在这里已经有答案了 我正在使用 javascript 正则表达式进行一些数据验证并指定我想要接受的字符 我想接受任何字母数字字符 空格和以下内容 如果需要的话 也许还有一些我稍后会添加的 我的代码是 var value userIn
  • 是否有任何额外的注入简写

    我最近遇到了这个问题 我总是像这样使用注入 我知道 0 部分是可选的 可以省略 array 13 23 13 gt 13 23 13 array inject 0 sum i sum i gt 49 一次偶然的机会我发现你可以使用 arra
  • Flutter 构建错误:处理“命令 'E:\Flutter Apps\flutter\bin\flutter.bat'' 已完成,退出值非零 1

    当我尝试在我的 flutter 应用程序的 android studio 中生成签名的 apk 时 出现此错误 Process command E Flutter Apps flutter bin flutter bat finished
  • Mobicents Restcomm Hello World 实施

    我正在按照 Mobicents Restcomm 的指南来实现 Restcomm 客户端 Android 我正在遵循他们的快速入门指南 我已经在 Android Studio 中导入了他们的 Hello World 程序 但存在一些问题 它
  • 为什么我的 Python 脚本没有将最后几行写入我的文件中?

    我一直在尝试从一个文件中读取数字列表 将它们分开 然后将它们放入另一个文件中 在搞乱了一些调试打印之后 我得出的结论是 问题不在于字符串的循环或分割 而在于脚本的最后一行 我实际上在其中write到新文件 它不是按照我想要的方式编写 而是遍
  • 用 Java 创建动画 4x4 网格

    我需要在 Java 中创建一个 4 x 4 的矩形网格 然后需要这些矩形按顺序更改颜色 我以前从未做过任何图形工作 只是在控制台中进行操作 我首先做了一些研究并创建了一个 650 x 650JFrame将矩形放入 之后我用了GridLayo
  • VoiceOver 是否正在寻找附近的可访问元素来阅读?

    我正在为我的 iOS 应用程序添加辅助功能 我看到一种特定情况 当我点击具有以下内容的 UIView 时isAccessibilityElement false 并且它的所有祖先视图也是isAccessibilityElement fals
  • 在Python中从ISO周数获取日期[重复]

    这个问题在这里已经有答案了 可能的重复 求 datetime isocalendar 的倒数的最佳方法是什么 我有一个 ISO 8601 年号和周号 我需要将其转换为该周第一天 星期一 的日期 我怎样才能做到这一点 日期时间 strptim
  • 在浏览器中打开 WebView URL

    我制作了一个非常简单的 Swift 应用程序 用于加载带有链接的网页 每当我单击链接时 它们都不会打开 如何在 OS X 的浏览器窗口中打开加载的 html 网页上的链接 这是我的实现 import Cocoa import WebKit
  • Google Contact API v3:如果在联系人组中搜索,则忽略 q 参数

    我正在使用 Google Contact API v3 目标是同步我的数据库和 Google 帐户之间的联系人 我的问题是 1 当我在没有联系人组的情况下通过电子邮件地址搜索联系人时 我得到了一个好的结果 这是查询 https www go
  • 如何使用 Twitter Bootstrap 在 Twitter 网站上复制关注/取消关注悬停操作?

    当您查看自己关注的人时Twitter 按钮从 关注 变为 取消关注 从绿色变为红色 并且从复选标记变为 x 标记 我如何在我的网站上复制此内容 我意识到它可能是 bootstrap css 和 bootstrap buttons js 的组