Question

我想知道是否有任何 Drupal（6.x）模块和/或主题教程可以实现隐藏和显示视图列表的某些（可点击）元素的效果当鼠标悬停在项目的div中时（而不是作为工具提示或弹出窗口）。例如在http://rusoom.com/中，每个图片（查看项目）的作者，赞，信息和分享链接仅在鼠标悬停时显示。

另一个示例是，当登录到Twitter（http://twitter.com）时，鼠标悬停时每条推文上显示收藏夹，转发和回复并查看任何推文流。

任何帮助都将深受赞赏。

提前致谢。

Answer 1

我会在jQuery中使用mouseover函数并创建我的自定义JavaScript代码（在自定义模块或主题中）。以下是代码示例：

file：sites / all / themes / MYTHEME / template.php

<?php
function MYTHEME_preprocess_page(&$variables) {
   drupal_add_js(drupal_get_path('theme', 'MYTHEME') .'/mytheme.js', 'file');
}
?>

file：sites / all / themes / MYTHEME / mytheme.js

$('.box').mouseover(function() {
    $('.hidden').show();
})

HTML （视图生成代码）

<div class="box">Mouse over me to see hidden content</div>
<div class="hidden" style="display:none">This is hidden</div>

这是一个快速的模型，但它应该让你朝着正确的方向。如果没有这个模块，你可以考虑用这个代码制作一个！祝你好运

鼠标悬停链接显示在Drupal Views中

1 个答案: