本人收集的自动切换宽幅图片广告展示js源码，个人觉得这个功能在调用上不是很方便，代码作者使用了框架页面来展示广告，即01.htm，02.htm，03.htm，这样做如果和动态程序结合就比较麻烦了，当然如果会JS的可以自己适当的修改一下。呵呵，喜欢的下载。效果图如下：
摘取了主要JS代码,方便大家查看：
<SCRIPT language=JavaScript>
<!--
var currentF=1;
document.getElementById("upbtn").style.display="none";
var mainobj = document.getElementById("main");
var frameheight = 237;
var scrolling=0;
var speed = 20;
var checkloaded=new Array();
for(i=1;i<=3;i++){
checkloaded[i]=0;
}
function checkdamie(n){
checkloaded[n]=1;
//alert(checkloaded[n])
}
function alertloading(sdirection){
scrolling=0;
if(sdirection == "down"){
currentF--;
}
else{
currentF++;
}
//alert("正在下载数据,请稍等");
}
function scrolldown(f){
switch (f){
case 2:
if (mainobj.scrollTop>=frameheight){
clearInterval(inter);
mainobj.scrollTop=frameheight;
scrolling=0;
}
else{mainobj.scrollTop+=speed;}
break;
case 3:
if (mainobj.scrollTop>=frameheight*2){
mainobj.scrollTop=frameheight*2;
clearInterval(inter);
scrolling=0;
}
else{mainobj.scrollTop+=speed;}
break;
}
}
function scrollup(f){
switch (f){
case 1:
if (mainobj.scrollTop<=0){
clearInterval(inter1);
mainobj.scrollTop=0;
scrolling=0;
}
else{
mainobj.scrollTop-=speed;
}
break;
case 2:
if (mainobj.scrollTop<=frameheight){
mainobj.scrollTop=frameheight;
clearInterval(inter1);
scrolling=0;
}
else{
mainobj.scrollTop-=speed;
}
break;
}
}
function slidedown(){
//slide
if (scrolling==0){
scrolling=1;
currentF++;
obj=eval("document.getElementById('f"+currentF+"')");
obj.style.display="block";
if (checkloaded[currentF]==1){
inter=eval("setInterval('scrolldown("+currentF+")',5)");
//led
document.getElementById("upbtn").style.display="";
if (currentF==3){
document.getElementById("downbtn").style.display="none";
}
for (i=1;i<=3;i++){
eval("document.getElementById('led"+i+"').className='NUM1'");
}
eval("document.getElementById('led"+currentF+"').className='NUM2'");
}
else{
//alert(checkloaded[currentF]);
alertloading("down");
}
}
}
function slideup(){
//slide
if (scrolling==0){
scrolling=1;
currentF--;
obj=eval("document.getElementById('f"+currentF+"')");
obj.style.display="block";
if (checkloaded[currentF]==1){
inter1=eval("setInterval('scrollup("+currentF+")',5)");
//led
document.getElementById("downbtn").style.display="";
if (currentF==1){
document.getElementById("upbtn").style.display="none";
}
for (i=1;i<=3;i++){
eval("document.getElementById('led"+i+"').className='NUM1'");
}
eval("document.getElementById('led"+currentF+"').className='NUM2'");
}
else{
alertloading("up");
}
}
}
//auto slide
var direction = "down";
var interval01;
var autotime = 3000;
function autoslide(){
if(direction == "down"){
if (currentF == 2){
direction = "up";
}
slidedown();
//alert(direction);
}
if(direction == "up"){
if (currentF == 2){
direction = "down";
}
slideup();
//alert(direction);
}
}
function iniautoslide(){
interval01 = setInterval("autoslide()",autotime);
}
//-->
</SCRIPT>
下载地址：
自动切换宽幅图片广告展示js源码.rar （112.97 KB）
站长工具
相关文章
请稍等，评论加载中...