2

我知道还有另一篇关于这类问题的帖子。但是没有（正确的）答案，这就是为什么我想开一个新的来帮助我和其他想知道这个的人。

在下面的代码中，我想添加一个 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"));
4

3 回答 3

3

你也可以添加图片

echo CHtml::link(CHtml::image($home['src'], $home['alt'],array('onmouseover'=>'your function'), Yii::app()->getController()->createUrl("/admin"));
于 2013-05-03T10:02:28.450 回答
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")
    );
于 2013-05-03T09:58:07.213 回答
2

函数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 的鼠标悬停绑定到它。

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

JQuery 鼠标悬停事件::

$('#temp').mouseover(function() {
        //Your code goes here.
    });
于 2013-05-03T09:59:05.960 回答