Question

我希望在我的基于Jommla的应用程序中有一个功能，当用户将鼠标悬停在文章中的特定段落时，文本的颜色应该改变。这样段落在屏幕上看起来更加突出。

我希望这个东西是动态的。只是想知道哪个是最好的地方。 Joomla中的文章解析发生在哪里？如果我很幸运，是否有任何插件可以帮助实现这一目标？请让我知道

Answer 1

到目前为止，最简单的方法是在文章中为相关段落添加样式，然后在css中添加适当的悬停规则，例如：

<p class="highlight>some text in here</p>

和

p.highlight:hover
{
    color: #ff0000;
}

刚刚在这里尝试过，它在最后一段对我有用：

http://thelunarscape.com/blog/an-increasingly-active-sun

比在这种情况下使用插件更好的解决方案，除非你想要更加花哨的东西，我想每次加载文章时都会运行内容插件，无论是否需要它。

Answer 2

您可以对Trev的解决方案稍作修改，并使其无需更改任何文章即可使用。

.contentpaneopen p:hover {color:#ff0000;}

默认情况下，Joomla将contentpaneopen类分配给文章，这会对作为该类的子元素的所有P标记产生影响。

Answer 3

另一种更先进的方法是在MooTools的帮助下实现这一目标。

在您的应用程序中包含MooTools：

jimport( 'joomla.html.html.behavior' );
JHtml::_('behavior.framework'); //MooTools core
JHtml::_('behavior.framework', true); //This is for MooTools more libraries

接下来创建一个脚本，用于更改ID为“myid”的段落的css：

    $js = <<<EOD
    window.addEvent('domready', function(){
    $('myid').setStyle( 'border', '1px solid #000000')
    });
    EOD;
$document =& JFactory::getDocument();
$document->addScriptDeclaration($js);

为什么要使用MooTools？ MooTools可以调整突出显示，甚至可以为突出显示设置动画。它还应该对旧浏览器有更好的支持。

一条鼠标超过Paragraph在文章中的变化

3 个答案: