SS幻灯片终极美化，带暂停功能，效果与Flash一致，渐显效果

不论DZ还是SS，康盛他是打死也不做个漂亮的幻灯片出来，看着别人的页面都有票漂亮亮
的幻灯窗口，再看看自己网站的幻灯，左看右看上看下看，越看那是越不舒服，就想着自己动手做个，找好思路，咱就动手，还真的被我写出来了，不过，JS代码用得太多了，JS写了足足 8 KB，郁闷，没办法，俺技术有限，哎。。。。。。。。。。。将就着用了







下面是JS代码，昨晚研究了一会，JS小了很多，CSS和HTML很简单，自己写吧，我也很不喜欢只靠伸手拿来的人，

1. //幻灯JS代码，通用于所有频道，运用时只需要调整CSS控制大小即可，为方便不同的频道有不同的效果，轮播速度和显示效果均在HTM内置的JS里调整，
   
2. //选择器
   
3. function $a(id,tag){var re=(id&&typeof id!="string")?id:document.getElementById(id);if(!tag){return re;}else{return re.getElementsByTagName(tag);}}
   
4. //标签切换效果[标题框子元素("id/li"),内容框子元素("id/li"),事件(mouseover/click),默认显示第几条(-1表示在鼠标移出全部隐藏,仅在事件mouseover有效),轮播时间(1秒=1000)]
   
5. function SwitchTag(tit,box,s,show,time)
   
6. {
   
7.         var t=tit.split('/'),b=box.split("/"),ts=$a(t[0],t[1]),bs=$a(b[0],b[1]),s=s||"onmouseover",now=show=show||0,c;
   
8.         for(var i=0;i<ts.length;i++){ts[i].old=ts[i].className.replace("show","");bs[i].old=bs[i].className.replace("show","");reg(i);}
   
9.         function init(){for(var i=0;i<ts.length;i++){ts[i].className=ts[i].old;bs[i].className=bs[i].old;};if(now!=-1){ts[now].className+=(t[2]||"")+" show";bs[now].className+=(b[2]||"")+" show";}}
   
10.         function reg(i){ts[i][s]=function(){clearInterval(c);now=i;init();}
    
11.         if(show!=-1&&time){bs[i].onmouseover=function(){clearInterval(c);};bs[i].onmouseout=function(){go();};ts[i].onmouseout=function(){go();}}
    
12.         if(show==-1&&s=="onmouseover"){ts[i].onmouseout=function(){now=-1;init();}}}
    
13.         function go(){c=setInterval(function(){(now<ts.length-1)?now++:now=0;init();},time);}
    
14.         if(show!=-1&&time){go();};init();
    
15. }
    
16. function addImg(url){var img=new Image();img.src=url;return img;}
    
17. //焦点滚动图
    
18. function FocusImg(time,foc,fbimg)
    
19. {
    
20.         var beg=$a($a(fbimg,"dd")[0],"div")[0];beg.check=true;
    
21.         var au=$a(foc,"a"),now=1,tm;var bimgs=$a(foc,"img");var vimg=new Image();vimg.src=bimgs[0].src;
    
22.         var ba=$a($a(fbimg,"dt")[0],"a")[0];ba.href=au[0].href;ba.onfocus=function(){this.blur()};
    
23.         var bt=$a(fbimg,"dt")[0];bt.appendChild(vimg);
    
24.         var bi=$a(bt,"img")[1];bi.alt=bimgs[0].alt;
    
25.         var bp=$a($a(fbimg,"dd")[0],"ul")[0];
    
26.         var len=au.length;for(var i=0;i<len;i++){bp.innerHTML+="<li>"+(i+1)+"</li>";}
    
27.         var bps=$a(bp,"li");bps[0].className="show";function pfn(i){bps[i].onclick=function(){go(i);if(beg.check){clearInterval(tm);init();}else{clearInterval(tm)}}}for(var i=0;i<len;i++){pfn(i);}
    
28.         function xunhuan(){if(/*@cc_on!@*/false){bi.style.filter="progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,motion=forward)";bi.filters[0].Apply();bi.filters[0].Play(duration=1);}
    
29.         ba.href=au[now].href;bi.src=bimgs[now].src;bi.alt=bimgs[now].alt;for(var i=0;i<len;i++){bps[i].className="";}bps[now].className="show";(now<len-1)?now++:now=0;}
    
30.         function init(){tm=setInterval(xunhuan,time);};function go(n){clearInterval(tm);now=n;xunhuan();init();}init();
    
31.         beg.onclick=function(){if(beg.check){beg.check=false;clearInterval(tm);beg.innerHTML="播放";}else{beg.check=true;clearInterval(tm);xunhuan();init();beg.innerHTML="暂停";}};
    
32. }
    

复制代码

源码呢楼主？

图片变形的幻灯不要。。。。

回复 4# 360363095 的帖子


    你应该多学习代码知识，

回复 5# xin手上路 的帖子


    呵呵。。。

楼主   放出来吧

看起来就很缓慢的。

不用ss已经很久很久