永发信息网

网页制作问题(图片跳转)!~~

答案:4  悬赏:70  手机版
解决时间 2021-04-13 08:32

像这样的效果要怎么做?

最佳答案

<script>
//-----WNum 为图片宽度
//-----HNum 为图片高度
//-----TNum 为文字高度(可为空 ,即不显示)
function go_Img(WNum,HNum,TNum){
Go_Num=(imgUrl.length-1);key=0;adNum=0;theTimer='';
var C_lass;
var $=function $(str){return document.write(str);};
var C_ss="<style>";
C_ss=C_ss+"div{overflow:hidden;}";
C_ss=C_ss+".W_Ord{overflow;hidden;text-align:center;color:#F00;font-weight:bold;clear:both;width:"+WNum+"px;height:"+TNum+";background-color:#eee;}";
C_ss=C_ss+".Min_On{color:#fff;Float:right;background-color:#f00;cursor:pointer;width:30px;height:20px;padding-top:1px;border:1px solid #f60;text-align:center;font-weight:bold;border-left:1px solid #eee;border-right:1px solid #eee;margin-left:-1px;}";
C_ss=C_ss+".Min_Off{color:#fff;Float:right;cursor:pointer;width:30px;height:20px;padding-top:1px;border-left:1px solid #eee;border-right:1px solid #eee;margin-left:-1px;text-align:center;font-weight:bold;}";
C_ss=C_ss+"</style>";
$(C_ss);C_ss='';
$("<Div +WNum+"px;height:"+HNum+"px;border:1px solid #eee;'>");
$("<div +WNum+"px;height:"+HNum+"px;'><img +WNum+"px;height:"+HNum+"px;' src='"+imgUrl[1]+"' name=imgInit onclick=go_Url();></Div>");
$("<div class='Rig' +WNum+"px;height:20px;margin-top:-20px;'>");
for (var i=100;i>0 ;i=i-2){
$("<Div +i/2+");-moz-opacity:0."+i/20+";opacity: 0."+i/20+"; '> </Div>");
}
$("</Div>");
$("<Div class='Rig' +WNum+"px;height:"+HNum+"px;margin-top:-20px;'>");
for (var j=Go_Num;j>0 ;j--){
if (j==1){C_lass='Min_On';}else{C_lass='Min_Off';}
$("<Div Id='Min"+j+"' class='"+C_lass+"' onmouseover=nextAd("+j+");>"+j+"</Div>");
}
$("</Div>");
$("</Div>");
if (TNum && TNum!=''){
$("<Div Id='W_Ord' class='W_Ord'>"+imgWord[1]+"</Div>");
}
nextAd(1);
}
function nextAd(GetNum){
var O=function O(objid){return document.getElementById(objid);}
adNum=adNum%Go_Num;
adNum++ ;
if(GetNum!=undefined && GetNum!=0){adNum=GetNum;}
if(key==0){key=1;}
else if(document.all){
imgInit.filters.revealTrans.Transition=23;
imgInit.filters.revealTrans.apply();
imgInit.filters.revealTrans.play();
if (document.all.W_Ord!=undefined){document.all.W_Ord.innerHTML=imgWord[adNum];}
for (var i=1;i<(Go_Num+1);i++ ){O('Min'+i).className='Min_Off';}
O('Min'+adNum).className='Min_On';
}
document.images.imgInit.src=imgUrl[adNum];
if (GetNum==undefined){theTimer=setTimeout(nextAd, 6000);}
else{clearTimeout(theTimer);theTimer=setTimeout(nextAd, 6000);}
}
function go_Url(jumpTarget){
jumpUrl=imgLink[adNum];
jumpTarget='_blank'; //_blank
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>


<script>
//-------建产数组
var imgUrl=new Array();
var imgLink=new Array();
var imgWord=new Array();
imgUrl[1]=' http://hfxhyy.35hf.cn/back/UpPic/8vzrlf5v1czut.jpg';
imgLink[1]=' http://hfxhyy.35hf.cn/Object.asp?StrId=20';
imgWord[1]='Six信息';
imgUrl[2]=' http://hfxhyy.35hf.cn/back/UpPic/q6hxyzon6by4b.jpg';
imgLink[2]=' http://hfxhyy.35hf.cn/Object.asp?StrId=18';
imgWord[2]='Five';
imgUrl[3]=' http://hfxhyy.35hf.cn/back/UpPic/kdiqte-0rune7.jpg';
imgLink[3]='/Object.asp?StrId=17';
imgWord[3]='Four';
imgUrl[4]=' http://hfxhyy.35hf.cn/back/UpPic/mrocr4k8v1f40.jpg';
imgLink[4]=' http://hfxhyy.35hf.cn/Object.asp?StrId=16';
imgWord[4]='Three';
imgUrl[5]=' http://hfxhyy.35hf.cn/back/UpPic/rsba4jy1m7mf6.jpg';
imgLink[5]=' http://hfxhyy.35hf.cn/Object.asp?StrId=15';
imgWord[5]='Two';
imgUrl[6]=' http://hfxhyy.35hf.cn/back/UpPic/ttqnfeij7_d8p.jpg';
imgLink[6]=' http://hfxhyy.35hf.cn/Object.asp?StrId=14';
imgWord[6]='one';


// 调用方法
go_Img(290,205,20); //-----------------------------调用方法
</script>


放在html页里可以用

全部回答

百度搜索js+flash广告轮

最好用flash来实现,效果好!

使用AS是很灵活的。

我做的flash:

http://flybyself.free.laiqiang.com/vista/index.swf

js可以实现

我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
参加居民医保,生第一胎小孩产生的各类费用可
巧填歇后语飞蛾扑火,飞蛾扑火的后面一句歇后
北京网通上网当月开通就能上网吗?
求 《闪亮的日子》也叫《牛比岁月》 《打拼》
发邮件时,如何填写服务器配置信息
单选题下面哪一项内容属于王位世袭?A.尧传位
中专未毕业,如何考大专,怎么考?请各位好友给
联防治安队先进工作者个人总结怎么写
99800的车,除裸车首付30%=29940以外还需要些
怎么删除这个图标?
爱国古典诗词,比较优美的,温婉的诗词
汇金锦园-停车场地址有知道的么?有点事想过
如图所示,闭合开关,灯不亮.用测电笔检查a
死神247话什么时候更新?
一朵更比一朵亲 三八相接出旺波请问是什么肖
推荐资讯
圆通快递临海到温岭需要多久啊
利用gc-ms和gc-ftir可获得什么样的互补信息
Do you have any other to make on the subj
谁认识南阳市方城县博望镇艾庄村艾庄的人
我的眼袋下面很多小细纹怎么才能解决掉
天水宾馆-行政酒廊我想知道这个在什么地方
手机内存里的东西怎么移到内存卡里面,手机型
请问在刚才结束的比赛(利物浦VS曼联)中,是
吉他的拨片通常要贴在什么地方?
搬公司祝福语,2016年员工对公司的祝福语,急
请问这叫什么卷? 不是大波浪。 想烫但是不知
什么是彻底唯心主义者
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?