【问题标题】:Trouble changing link hover background-colour无法更改链接悬停背景颜色
【发布时间】:2015-05-26 07:17:37
【问题描述】:

这应该是一件简单的事情,但我似乎无法更改下一页推文上的悬停background-color

http://www.studiopsk.com/news.html

所有其他链接都很好,但最新推文中的链接似乎不会改变?

用这个试试……

<script>
    if(sessionStorage.getItem("visited") != "true"){
var colors = Array("#A3F8EF", "#FF7275", "#CBB6E7", "#FF9D74", "#FDF874"), idx;
idx = Math.floor(Math.random() * colors.length); // Pick random index
sessionStorage.setItem("colour", colors[idx]);
newColour = sessionStorage.getItem("colour");
}
newColour = sessionStorage.getItem("colour");

$("div.tweets_txt a").hover(function(){
  $(this).css("background-color", newColour+"!important");
}, function() {
  $(this).css("background-color","transparent");
});  
sessionStorage.setItem("visited", "true");
</script> 

【问题讨论】:

  • 您是否尝试更改颜色?我只看到你在哪里改变背景颜色。我在这里错过了什么吗?
  • 为什么不使用简单的css?
  • @DanOrlovsky 抱歉,应该是背景颜色。现在将编辑问题
  • 哦,所以你想让整个推文框在鼠标悬停时改变颜色?
  • @DanOrlovsky - 只是推文中的链接。如果您将鼠标悬停在网站上的其他链接上,您可以看到所需的效果

标签: javascript jquery html css


【解决方案1】:

有点不清楚您要完成什么,我认为仅根据情况为元素设置一个类将使您的生活更轻松。但是您似乎在谈论添加到页面的新元素的问题,如果是这种情况,您似乎使用的是在 HTML 中执行的 javascript,而不是在任何事件中,只是在页面加载时,意味着它只会在页面加载时运行一次。并且不会影响以后动态添加到页面的任何元素。

【讨论】:

  • 是的,我认为这可能是在创建链接之前应用样式的问题?创建 twitter 链接的脚本实际上是将每个链接包装在
    我认为如果您在浏览器中检查元素应该能够看到这一点。如果您查看页面上的 javascript javascripts/tweecool.min.js,它应该会显示此内容。
猜你喜欢
  • 2012-11-11
  • 2013-11-25
  • 2017-04-12
  • 2021-03-18
  • 2012-11-24
  • 1970-01-01
  • 2013-01-13
  • 2020-05-10
  • 1970-01-01
相关资源
最近更新 更多