Question

我知道这个问题还有另外一篇文章。但是没有（正确的）答案，这就是为什么我想开一个新的来帮助我和其他想要了解这一点的人。'

在下面的代码中，我想添加一个onmouseover来对图像产生悬停效果，这可能吗？如果是，你可以帮帮我吗？

echo CHtml::link(CHtml::image($home['src'], $home['alt']), Yii::app()->getController()->createUrl("/admin"));

它是用Yii框架和PHP编写的。提前谢谢！

感谢所有帮助过我的人！

我非常感谢你，希望那些需要它的人也正在读这篇文章。并感谢您的快速反应！

这是工作代码

 echo CHtml::link(CHtml::image($home['src'], $home['alt'],array("onmouseover" => "this.src='/LimeSurvey/styles/scanyours/images/home1.png';")), Yii::app()->getController()->createUrl("/admin"));

Answer 1

你也可以添加图片

echo CHtml::link(CHtml::image($home['src'], $home['alt'],array('onmouseover'=>'your function'), Yii::app()->getController()->createUrl("/admin"));

Answer 2

您可以使用htmloptions。它基本上增加了属性。

echo CHtml::link(
        CHtml::image($home['src'], $home['alt']), 
        Yii::app()->getController()->createUrl("/admin"),
        array("onmouseover" => "youronmouseovercall()")
);

http://www.yiiframework.com/doc/api/1.1/CHtml#link-detail

另一种选择是使用CSS鼠标悬停

#yourlement:hover
{
  color: #f00;
}

或使用像jquery

之类的东西

$("#yourelement").mouseover(function(){
  // do whatever you want here.
});

对于CSS或Jquery鼠标悬停，您可以使用htmloptions添加id。

echo CHtml::link(
            CHtml::image($home['src'], $home['alt']), 
            Yii::app()->getController()->createUrl("/admin"),
            array("id" => "yourelement")
    );

Answer 3

函数CHtml::link使用第三个参数$htmlOptions，您可以使用该参数为链接指定任何其他HTML属性。

您有两种方法可以获得mouseover效果。

1）使用链接中的onmouseover HTML属性。

echo CHtml::link(CHtml::image($home['src'], $home['alt']), 
Yii::app()->getController()->createUrl("/admin"), array('onmouseover' => 'someJavascriptFunc()'));

2）为您的链接分配ID并将jQuery的mouseover绑定到它。

echo CHtml::link(CHtml::image($home['src'], $home['alt']), 
    Yii::app()->getController()->createUrl("/admin"), array('id' => 'temp'));

JQuery Mouseover事件::

$('#temp').mouseover(function() {
        //Your code goes here.
    });

HTML属性CHtml :: link

3 个答案: