南京市大光路房产局:求代码.急,帮帮我啊

来源:百度文库 编辑:神马品牌网 时间:2024/05/10 15:32:11
好几张图交替自动变换.图片下带文字说明.文字和图片对应并一起变换.文字图片都带链接..连接地址不同.
例:http://www.pcauto.com.cn/首页上的那种效果.
还有就是这页左侧有个图片,放上去会图片会变大.这怎么弄,谁会啊,

高手们.帮帮我啊
不是FLASH

新建一个空htm文件
在htm文件里加入以下代码,用IE打开试试

<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var adNum=0;

imgUrl[1]='http://www.pcauto.com.cn/newcar/abroad/ford/images/picpath/051205focusrswrcb.jpg';
imgtext[1]='<a href="http://www.pcauto.com.cn/newcar/abroad/ford/0512/354088.html" target="_blank" class=linkblack>两厢福克斯RS WRC 世界拉力赛

狙击手</a>';
imgLink[1]='http://www.pcauto.com.cn/newcar/abroad/ford/0512/354088.html';

imgUrl[2]='http://www.pcauto.com.cn/news/nation/brand/chery/images/picpath/chery_qq_w002_mthumb.jpg';
imgtext[2]='<a href="http://www.pcauto.com.cn/news/nation/brand/chery/0512/354092.html" target="_blank" class=linkblack>QQ贺岁版成性价比最高的

微轿</a>';
imgLink[2]='http://www.pcauto.com.cn/news/nation/brand/chery/0512/354092.html';

imgUrl[3]='http://www.pcauto.com.cn/homepage/index_jd/images/picpath/fitylguanggao_215x180_auto.jpg';
imgtext[3]='<a href="http://adv.pconline.com.cn/adpuba/click?adid=16862&id=auto.shouye.jdtp1.&" target="_blank" class=linkblack>飞度 惬意就是一

路无“油”虑</a>';
imgLink[3]='http://adv.pconline.com.cn/adpuba/click?adid=16862&id=auto.shouye.jdtp1.&';

if (navigator.appName == "Netscape")
{document.write('<a href="'+imgLink[1]+'" target=_blank><img src="'+imgUrl[1]+'" width=215 height=190 border=0 ><br><br><div align=center>

'+imgtext[1]+'</div></a> ')
}
else
{
var imgPre=new Array();
var count=0;
for (i=1;i<=3;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
count++;
} else {
break;
}
}
function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
var key=0;
function nextAd(){
if(adNum<count)adNum++ ;
else adNum=1;

if( key==0 ){
key=1;
} else if (document.all){
imgInit.filters.revealTrans.Transition=6;
imgInit.filters.revealTrans.apply();
playTran();

}
document.images.imgInit.src=imgUrl[adNum];
focustext.innerHTML="<a href="+imgLink[adNum]+" target=_blank>"+imgtext[adNum]+"</a>";
theTimer=setTimeout("nextAd()", 5000);
}

function goUrl(){
window.open(imgLink[adNum],'_blank');
}
document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=5);border-

color:black;color:#000000" src="javascript:nextAd()" width=215 height=190 border=0 vspace="5" name=imgInit></a><br><div align="center"><span

id=focustext class=f14b></div> </span> ')
}</script>

----------------------------------------------------------------------------

放上去会图片会变大功能实现
新建一个空htm文件
在htm文件里加入以下代码,用IE打开试试

<SCRIPT>
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_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

//左边
var left_img='<TABLE WIDTH="80" BORDER="0" CELLSPACING="0" CELLPADDING="0"><TR><TD><DIV ID=dvl STYLE="Z-INDEX: 44; WIDTH: 80px; POSITION: absolute; HEIGHT: 20px; visibility:hidden"><DIV ID=dv250_left STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; left:0"><A HREF=http://adv.pconline.com.cn/adpuba/click?adid=16700&id=auto.shouye.fubiao1. TARGET=_blank><IMG SRC=http://image.pconline.com.cn/ad/200511/chezhan_250x250.jpg BORDER=0 onMouseOut="MM_showHideLayers(\'dv250_left\',\'\',\'hide\')"></A></DIV></DIV><A HREF=http://adv.pconline.com.cn/adpuba/click?adid=16700&id=auto.shouye.fubiao1. TARGET=_blank><IMG SRC=http://image.pconline.com.cn/ad/200511/chezhan_80x60.gif BORDER=0 WIDTH="80" HEIGHT="60" onMouseOver="MM_showHideLayers(\'dv250_left\',\'\',\'show\')"></A></TD></TR></TABLE>';

//右边
var right_img='';

var delta=0.15
var collection;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;

this.items[this.items.length] = newItem;
}
this.play = function()
{
collection = this.items
setInterval('play()',10);
}
}
function play()
{

for(var i=0;i<collection.length;i++)
{
var followObj = collection[i].object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
}
followObj.style.display = '';
}
}

var thefloaters = new floaters();
//thefloaters.addItem('followDiv1','document.body.clientWidth-100',230,''+right_img+'');
thefloaters.addItem('followDiv2',20,75,''+left_img+'');
thefloaters.play();

</SCRIPT>

全是FLASH

上面的Banner,是Flash.
图片变大,是浮动的层。鼠标MOve的响应,换图片。