将TabSlideOut javascript添加到Drupal 7

没有用于Drupal的模块作为滑动选项卡（在hover时），所以我想将这个， http：//www.building58.com/examples/tabSlideOut.html合并到我的网站中。

在尝试将上面的滑出选项卡添加到我的Drupal站点的过程中，我试图任意将代码添加到html.tpl.php并且选项卡部分工作（有冲突错误）。 但是我的Superfish菜单一直收到冲突错误。 我在Drupal.org上读到了使用template.php中的钩子函数drupal_add_js为主题添加javascript，但是我没有看到任何内容，就像我这样做时出现的标签一样。

我错过了什么吗？ 如果有人能帮助我，我会非常感激，我花了几天时间试图解决这个问题。

Answer 1

我尝试了它并以这种方式工作，将以下代码放在顶部的page.tpl.php文件中

` 

将图像images / contact_tab.gif放在主题的图像文件夹中，并用“sites / all / themes / YOUR_THEME / images / contact_tab.gif”替换字符串，将YOUR_THEME替换为主题文件夹名称

然后将css的代码放在主题的css文件中，而不是如下所示

 .slide-out-div { padding: 20px; width: 250px; background: #ccc; border: 1px solid #29216d; } 

并在page.tpl.php的底部放置以下代码

 
 Content 
Contact me
 
Thanks for checking out my jQuery plugin, I hope you find this useful. 
 
This can be a form to submit feedback, or contact info