Question

我有一些实现幻灯片放映的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/

Answer 1

Here's a jsFiddle来证明。图像交换的JavaScript与您尝试使用悬停触发器的JavaScript不同。我不确定你是否希望它们相关，但你仍然需要首先使用悬停功能。

Answer 2

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

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

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

使用jquery，是否可以显示和隐藏包含javascript的div？

2 个答案: