现在的位置: 首页 > 综合 > 正文

javascript入门·图片对象(无刷新变换图片)/滚动图像

2013年07月01日 ⁄ 综合 ⁄ 共 3499字 ⁄ 字号 评论关闭

演示一:无刷新变换图片(有点歪)

演示二:鼠标触发图片变换(书面名称好像叫图像滚动)

田轰穿博客

上面是DW做的
是预载入图片

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片对象</title>
<script language="javascript">
<!--
//书上说这样可以预缓存图片对象,实际是骗人的了。下面是我 特意整的特别大的图片
    img1=new Image(300,400)
    img1.src
="http://www.azsz.com/test/view/1.jpg"
    img2
=new Image(300,400)
    img2.src
="http://www.azsz.com/test/view/2.jpg"
    img3
=new Image(300,400)
    img3.src
="http://www.azsz.com/test/view/3.jpg"
    img4
=new Image(300,400)
    img4.src
="http://www.azsz.com/test/view/4.jpg"
function img(s){//根据下拉菜单传来的值,也就是被选中项调用函数
    im=document.getElementById("select1").options[s].value;//得到被选中项的值
    document.getElementById("img").src=eval(im+".src")//使用eval()函数引用对象的src值并赋给页面上的图片
}

//下面是DW自动生成的,所以有点不好看,懒得看了,麻烦啊,下面有我自己参考书上写的
function MM_preloadImages() //v3.0
  var d=document; if(d.images)if(!d.MM_p) d.MM_p=new Array();
    
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}


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(!&& d.getElementById) x=d.getElementById(n); return x;
}


function MM_nbGroup(event, grpName) //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  
if (event == "init" && args.length > 2{
    
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init 
= true; img.MM_up = args[3]; img.MM_dn = img.src;
      
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] 
= img;
      
for (i=4; i < args.length-1; i+=2if ((img = MM_findObj(args[i])) != null{
        
if (!img.MM_up) img.MM_up = img.src;
        img.src 
= img.MM_dn = args[i+1];
        nbArr[nbArr.length] 
= img;
    }
 }

  }
 else if (event == "over"{
    document.MM_nbOver 
= nbArr = new Array();
    
for (i=1; i < args.length-1; i+=3if ((img = MM_findObj(args[i])) != null{
      
if (!img.MM_up) img.MM_up = img.src;
      img.src 
= (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] 
= img;
    }

  }
 else if (event == "out" ) {

抱歉!评论已关闭.