首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >N-son tabbed/JsScrollbar,尝试使用jquery强制点击链接播放gif

N-son tabbed/JsScrollbar,尝试使用jquery强制点击链接播放gif
EN

Stack Overflow用户
提问于 2010-04-12 15:18:44
回答 1查看 229关注 0票数 0

让我从显而易见的事情开始;我是新来的。也就是说,我希望我发这篇文章不会违反我错过的一些标准。xD

几天来,我一直在尝试更新我的一个相当老的网站,我不会链接到这个网站,因为更新是如此激烈,以至于我寻求帮助的当前产品在外观上与旧网站没有任何其他方面的相似之处。

不管是谁!我使用的是N-son (http://www.downloadjavascripts.com/list/javasitek60/Details.aspx)创建的选项卡式div和JsScrollbar,到目前为止,我只使用jquery动态地将页面内容居中。

然而,我的问题是…我在页面上有一个gif作为背景(它不是平铺的),我希望能够有它,这样当你点击n- so选项卡中使用的一个链接(例如:新闻)时,它也会导致gif加载并播放一次。

到目前为止,我自己完成这项工作的所有尝试都失败了,当你单击选项卡时,滚动条会中断,或者阻止内容切换。(除了一次失败的尝试之外,一切都很好,只是滚动条的句柄在切换选项卡时会消失)

我希望我已经清楚了这一点,并且有人能够帮助我。我知道这看起来可能是一个愚蠢的问题,但我们都是新手。:P

如果需要,我会上传我有什么编码,但它不是很漂亮。

提前谢谢你。

EN

回答 1

Stack Overflow用户

发布于 2010-04-16 16:55:53

我不确定我做了什么更改,这样它就不会再崩溃,但是下面的代码做到了。如果你们中的任何人知道如何压缩这篇文章,我将不胜感激。

代码语言:javascript
复制
    <script type="text/javascript">
var scroller  = null;
var scrollbar = null;

window.onload = function () {
  scroller  = new jsScroller(document.getElementById("News"), 400, 180);
  scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, true, scrollbarEvent);
}

function scrollbarEvent (o, type) {
    if (type == "mousedown") {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "none";
        else o.style.backgroundColor = "none";
    } else {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "none";
        else o.style.backgroundColor = "none";
    }
}

function swapIt(o) {
    o.blur();
    if (o.className == "current") return false;

    var list = document.getElementById("Navigation").getElementsByTagName("a");
    for (var i = 0; i < list.length; i++) {
        if (list[i].className == "current") {
            list[i].className = "";
            document.getElementById(list[i].title).y = -scroller._y;
        }
        if (list[i].title == o.title) o.className = "current";
    }

    list = document.getElementById("Container").childNodes;
    for (var i = 0; i < list.length; i++) {
        if (list[i].tagName == "DIV") list[i].style.display = "none";
    }

    var top = document.getElementById(o.title);
    top.style.display = "block";
    scrollbar.swapContent(top);
    if (top.y) scrollbar.scrollTo(0, top.y);

    return false;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2620445

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档