Question

ecshop中用JS广告替换FLASH广告 请问怎么弄 试了很多代码 但是都不管用！

ecshop中用JS广告替换FLASH广告 请问怎么弄 试了很多代码 但是都不管用！请高手指点

Answer 1

HTML CODE
——————————————————————毁哗中
<div id="myFocus">
<div class="loading"><span>请稍候...</span></div><!--载入画面-->
<ul class="pic">
<li><a href="/show/piantoudonghua/0QU32010.html" rel="nofollow"><img src="/uploads/100818/1-100QQ94311135.jpg" alt="片头动画" /></a></li>

<li><a href="/show/jituanxingxiang/0QU22010.html" rel="nofollow"><img src="/uploads/allimg/100818/1-100QQ931190-L.jpg" alt="集团形象网站" /></a></li>

<li><a href="/show/xuexiaomenhu/0QU12010.html" rel="nofollow"><img src="/uploads/allimg/芦春100818/1-100QQ92H10-L.jpg" alt="学校门户网站" /></a></li>

<li><a href="/show/qiyexuanchuan/0QU02010.html" rel="nofollow"><img src="/uploads/allimg/100818/1-100QQ920420-L.jpg" alt="国际货运公司网站建设" /></a></li>

<li><a href="/service/guide/0I12R010.html" rel="nofollow"><img src="/uploads/100818/1-100QQRT4O4.jpg" alt="解析：服务器(空间)和纤山域名" /></a></li>

</ul>
</div><!--/myfocus-->

————————————————————————————

JAVASCRIPTCODE

————————————————————————————

<script language="javascript" type="text/javascript">
//<![CDATA[
document.getElementsByTagName("h1")[0].style.textIndent = "-1000px";

function tabs(num){
for(var id = 1;id<=5;id++)
{
var cc="c"+id;
var navtab="n"+id;
if(id==num)
{
document.getElementById(navtab).className="o";
document.getElementById(cc).style.display="block";
}
else{
document.getElementById(navtab).className="";
document.getElementById(cc).style.display="none";
}
}
}
tabs(1);

//images exchange effect
var myFocus={
$:function(id){return document.getElementById(id);},
$$:function(tag,obj){return (typeof obj=='object'?obj:this.$(obj)).getElementsByTagName(tag);},
style:function(obj,style){return (+[1,])?window.getComputedStyle(obj,null)[style]:obj.currentStyle[style];},//getStyle简化版
easeOut:function(t,b,c,d){return -c*((t=t/d-1)*t*t*t - 1) + b;},
move:function(obj,prop,val,type,spd,fn){//运动函数，spd为运动需要的时间，时间越大速度越小
var t=0,b=parseInt(this.style(obj,prop)),c=val-b,d=spd||50,st=type,m=c>0?'ceil':'floor';
if(obj[prop+'Timer']) clearInterval(obj[prop+'Timer']);
obj[prop+'Timer']=setInterval(function(){
if(t<d){obj.style[prop]=Math[m](myFocus[st](++t,b,c,d))+'px';}
else {clearInterval(obj[prop+'Timer']);fn&&fn.call(obj);}
},10);return this;
},
setting:function(par){
if(window.attachEvent){window.attachEvent('onload',function(){myFocus[par.style](par)});}
else{window.addEventListener('load',function(){myFocus[par.style](par)},false);}
},
mF_liuzg:function(par){
var box=this.$(par.id),boxH=box.offsetHeight,t=par.time*1000;
var pic=this.$$('li',this.$$('ul', box)[0]),n=pic.length;
var c=boxH%par.chip?8:par.chip,h=boxH/c,pics=[],nums=[];
nums.push('<ul class=num>');
for(var i=0;i<c;i++){
pics.push('<li><p>')
for(var j=0;j<n;j++) pics.push(pic[j].innerHTML);
pics.push('</p></li>')
}
for(var l=0;l<n;l++) nums.push('<li>'+(l+1)+'</li>')
nums.push('</ul>');
this.$$('ul', box)[0].innerHTML=pics.join('');
box.innerHTML+=nums.join('');
var btn=this.$$('li',this.$$('ul',box)[1]),pic=this.$$('li',this.$$('ul', box)[0]);
for(var i=0;i<c;i++){//初始化样式设置
this.$$('p',pic[i])[0].style.top=-i*h+'px';
pic[i].style.height=h+'px';
this.$$('p',pic[i])[0].style.height=boxH*c+'px';
}
var index = 0;//开始显示的序号
box.removeChild(this.$$('div',box)[0]);
var run = function(idx) {
var tt=par.type==4?Math.round(1+(Math.random()*(3-1))):par.type;//效果选择
btn[index].className = '';
if(index==n-1) index=-1;
var N=idx!=undefined?idx:index+1;
var spd=tt==2?20:(tt==1?80:Math.round(20+(Math.random()*(80-20))));
for(var i=0;i<c;i++){
if(tt==3) spd=Math.round(20+(Math.random()*(80-20)));
myFocus.move(myFocus.$$('p',pic[i])[0],'top',-N*c*h-i*h,'easeOut',spd);
spd=tt==2?spd+10:(tt==1?spd-10:spd);
}
btn[N].className = 'current';
index = N;
}
run(index);
var auto=setInterval(function(){run()},t);
for (var j=0;j<n;j++){
btn[j].j=j;
btn[j].onclick=function(){if(!this.className) run(this.j)}
}
box.onmouseover=function(){clearInterval(auto);}
box.onmouseout=function(){auto=setInterval(function(){run()},t);}
for(var i=0,lk=this.$$('a',box),ln=lk.length;i<ln;i++) lk[i].onfocus=function(){this.blur();}//去除虚线框
}
};
myFocus.setting({
style:'mF_liuzg',//style为风格样式，
id:'myFocus',//焦点图ID
chip:8,//图片切片数量，能被焦点图的高整除才有效，默认为8片
type:4,//切片效果，1为甩头，2为甩尾，3为凌乱，4为随机效果
time:4//每帧图片时间间隔
});//更多样式设置留意myFocus正式版
//]]>
</script>

——————————————————————————

效果预览：http://www.elingxi.com