HTML屬性CHtml ::鏈接

我知道還有另一個這類問題的帖子。但沒有（正確的）答案，這就是爲什麼我想打開一個新的幫助我和其他人想知道這一點。「HTML屬性CHtml ::鏈接

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

來源

2013-05-03 Johan Van Baak

你可以像添加太多

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

來源

2013-05-03 10:02:28

我明白，但在'你的功能'我把我的IMG SRC代碼，但它不會工作。像這樣：'image（$ home ['src']，$ home ['alt']，array（'onmouseover'=>'/ LimeSurvey/styles/scanyours/images/scanyours.png'），Yii ::應用程序（） - > getController（） - > createUrl（「/管理員」））;' – 2013-05-03 10:08:57

您可以使用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的鼠標懸停你可以添加id與htmloptions。

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

來源

2013-05-03 09:58:07 nvanesch

的感謝！ @nvanesch – 2013-05-03 10:25:10

功能CHtml::link需要一個第三個參數$htmlOptions，您可以使用指定任何額外的HTML屬性您的鏈接。

有兩種方法可以產生mouseover效果。

1）在鏈接中使用HTML屬性onmouseover。

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的鼠標懸停事件::

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

來源

2013-05-03 09:59:05 verisimilitude

謝謝！ @verisimilitude – 2013-05-03 10:24:31

HTML屬性CHtml ::鏈接

回答

相關問題