一个图片切换,鼠标悬停即暂时播放,移出即继续播放,在哪个位置加入什么代码能实现?在线等...
var NowFrame = 1;
var MaxFrame = 3;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1) 
{
NowFrame = MaxFrame;
next = 1;
}

if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 1000);

return;
}
else
{
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none"; 
oTransContainer.filters[0].Play(duration=3);
if(NowFrame == MaxFrame) 
NowFrame = 1;
else
NowFrame++;

setTimeout('fnToggle()', 6000);
 

}
fnToggle();

解决方案 »

  1.   

    该效果为图片自左向右切换...我试过用jquery获取onmouseover,怎么也获取不到...求解答..
      

  2.   

    把html也发出来,不然怎么调试?
      

  3.   

    你可以写个循环。
    例如:
    先得到图片集合:
    var oimages = document.getElementById("div1").getElementsByTagName("IMG"); 
    图片数:
    var cnt = oimages.length;
    再循环就行了:
    for (var i = 0; i < cnt; i++) {
            oimages[i].onmouseover = stop;
            oimages[i].onmouseout = start;
        }
      

  4.   

    <DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 1024px; HEIGHT: 480px">
    <a href="#" target=_blank><img id=oDIV1 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes;  BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=480 src="images/banner-pic.png" width=1024 border=0 class="pic"></a>
    <A href="#" target=_blank><IMG id=oDIV2 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=480 src="images/second.jpg" width=1024 border=0 class="pic"></A>
    <A href="#" target=_blank><IMG id=oDIV3 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=480 src="images/first.jpg" width=1024 border=0 class="pic"></A>
    </DIV>这是html内容
      

  5.   

    你这样试试
    在js上加这个代码
    function Onmouse()
    {
    setTimeout('fnToggle()', 9999999);
    }
    然后在div上看,如果onmouser直接运行这个
      

  6.   

    setTimeout('fnToggle()', 10);
    setTimeout 做一个监听器。每个10毫秒就去检查一次。