joomla - 鼠标悬停在文章中的段落更改上

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 可以调整突出显示，甚至为突出显示设置动画。它还应该对旧版浏览器有更好的支持。