Question

您好我正在开发一个项目，这个项目中的所有内容都是在yii框架中编写的。我已经相当远了，但是在某些时候我陷入了困境，我在谷歌搜索时却找不到任何相关内容。这就是我向你求助的原因！

在下面的代码中，我需要应用悬停效果。代码是用php和yii框架编写的。

        $_SESSION['Active'] = $_GET["Share"];
    if (isset($_GET["Share"])){ 
    $sharepanel = array('src' => $sImageURL.'share1.png',
    'alt' => $clang->gT("Share panel"), 
    'title' => $clang->gT("Share panel"),
    'height' => 35,
    'width' => 35,
    'style' => 'margin-left:5px');

Answer 1

我会用CSS来做这件事。如下所示。

img:hover {
  border: 1px solid red;
}

不太确定支持:hover对<img>标记的支持程度如何。

Answer 2

根据

我需要自定义已经编写的模板

您可以编写像

这样的糟糕代码

<div class="something" 
    onmouseover="this.setAttribute('style','border: 1px solid yellow;');" 
    onmouseout="this.setAttribute('style','border: 1px solid transparent;');">
text
</div>

https://stackoverflow.com/a/11728590/1346222

使用风险自负。使用禁用的JS，这将无法正常工作

$sharepanel = array(
    'src' => $sImageURL.'share1.png',
    'alt' => $clang->gT("Share panel"), 
    'title' => $clang->gT("Share panel"),
    'height' => 35,
    'width' => 35,
    'style' => 'margin-left:5px; border: 1px solid transparent;',
    'onmouseover' => "this.setAttribute('style','border: 1px solid yellow;');",
    'onmouseout' => "this.setAttribute('style','border: 1px solid transparent;');",
);

悬停效果php无法正常工作

2 个答案: