0

我有一些实现幻灯片放映的 javascript 代码。

我已将运行幻灯片的函数放置在这样的 div 中：

<div id="portfolio">

  <script>

    var imgArray = new Array();
    imgArray[0] = "smaller_acorn.jpg";
    imgArray[1] = "slideshow/01.jpg";
    imgArray[2] = "slideshow/02.jpg";
    imgArray[3] = "slideshow/03.jpg";
    imgArray[4] = "slideshow/04.jpg";
    imgArray[5] = "slideshow/05.jpg";
    imgArray[6] = "slideshow/06.jpg";

    slideshowMerge('Slideshow1','',imgArray,20,3000);
  </script>
</div>

我想使用 jquery 悬停功能显示/隐藏这个 div。我已经编写了一些工作 jquery 悬停函数来改变其他元素的不透明度。

 $("#contact").hover( function () {
     $('#acorn').css({opacity : .1});
     $('#contactblurb').css({opacity: 1.0});
 }, function () 
 {
     $('#acorn').css({opacity : .5});
     $('#contactblurb').css({opacity: 0.0});
 }
 );

但是显示/隐藏或更改不透明度似乎不适用于此 div。

有任何想法吗？

注意 - 请在此处查看 jsFiddle：

http://jsfiddle.net/beeband/qgW9V/12/

4

2 回答 2

0

当然，诀窍是确保<script>标签可见：

$("#portfolio > script").css("display","block");​​​​​​​​​​​​​​​

请注意，.show()这在这里不起作用。

于 2012-07-14T11:58:50.517 回答
0

这是一个 jsFiddle来演示。图像交换的 JavaScript 与您尝试对悬停触发器执行的操作不同。我不确定您是否希望它们无论如何都相关，但您仍然需要悬停首先起作用。

于 2012-07-14T11:50:55.973 回答