Question

我在php中有一些帖子，我的表格配置如下：

while ($row = mysql_fetch_array($res, MYSQL_ASSOC)) {
    $id = $row['id'];
    $title1 = $row['title1'];
    $thumb = $row['thumb'];
    $link = $row['link'];
    $hex = $row['hex'];
    $archiveID= $row['archiveID'];
    $recordListingID= $row['recordListingID'];
    ?>

这样，每个项目都有特定的图像，颜色等

我在前端显示的是：

<div id="artist-image">
<img src="<?php echo $thumb ?>"></img>         
</div></a></li>
<?php
}
?>

使用jquery：

悬停标题，后期显示的图像

$('#artistlistdesktop ul li a').hover(function(){
      $(this).children('#artist-image').toggleClass('active');|

这一切都运行正常，但我想要实现的是悬停标题，用以前通过$hex = $row['hex'];

在PHP中分配的十六进制颜色来更改标题的颜色

我尝试了以下css：

#artistlistdesktop li > a:hover{
  color:#<?=$hex?>;;
}

但它会改变为所有列表的相同颜色而不是颜色分配。

你知道我怎么能做到这一点？

----编辑----

原始颜色是浅灰色，这是css：

#artistlistdesktop li > a {
display: block;
text-decoration: none;
font-family: Arial Black, Arial, Helvetica, sans-serif;
color: rgba(146,146,146,0.5);
font-weight: bolder;
line-height: 35px;
font-size: 53px;
letter-spacing: -5px;
padding: 0;
margin: 0;

}

- 编辑2 -

我是通过以下方式得到的：

<li><a onMouseOver="this.style.color='#<?php  echo $hex ?>'"    
  onMouseOut="this.style.color='rgba(146,146,146,0.5)'"

id =“”target =“_ blank”href =“”＆gt;

Answer 1

您应该在对象中应用<input type="text">！

Answer 2

首先，img是一个自动关闭的标签。 Check example here

还有什么，你确定$hex值是一个字符串吗？

我已经过测试，似乎就是这样：

<?php
$id = 1;
$link = "http://example.com";
$title1 = "This is a link";
$hex = "ff0000";
?>

<style>
li > a:hover{
  color:#<?=$hex?>;
}
</style>

<li><a id="<?php echo $id ?>" target="_blank" href="<?php echo $link ?> "><?php echo $title1 ?></a></li>

编辑： https://jsfiddle.net/goran90/z1e7d3mv/1/ - 这是您尝试实现目标的替代方案。虽然，它不是最佳做法，但在你的情况下它应该做到这一点。您只需要为每个a元素设置一个具有相应颜色的数据属性。

从php值将hover语句应用于此项？

2 个答案: