∥″可乐〃∥

让我展望未来,网络是我不变的终结者!

« 十种基本的配色设计20张光效果ps特技图赏 »

常用JS图片切换代码

   NO.1  

 <SCRIPT language=JavaScript>
var elady_step=2; //1:small, 3:middle, 5:big
var elady_speed=50; //20:fast, 50:middle, 80:slow
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0; 
var elady_stop_sh=0;
var elady_star_sh=1;

function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
 document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (elady_star_sh==2){
 document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else{
 document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<3) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}

e_tp[0]="images/BR1.jpg";
e_tp[1]="images/BR2.jpg";
e_tp[2]="images/BR3.jpg";
e_tp[3]="images/BR4.jpg";
e_tp[4]="images/BR5.jpg";

var currentimage=new Array();  
for (i=0;i<=2;i++){currentimage[i]=new Image();
      currentimage[i].src=e_tp[i];
         }
         function elady1_set(){   if (document.all)
         {      e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
               e_tprotator.filters.revealTrans.apply();   }
               }
               function elady1_playCo()
               {   if (document.all)      e_tprotator.filters.revealTrans.play()
               }function elady1_nextAd(){   if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
                     else adNum_elady1=0;
                        elady1_set();
                           document.images.e_tprotator.src=e_tp[adNum_elady1];
                              elady1_playCo();
                                 theTimer=setTimeout("elady1_nextAd()", 4000);}
                                 function elady1_linkurl(){   jumpUrl=e_tplink[adNum_elady1];
                                    jumpTarget='_blank';
                                       if (jumpUrl != ''){      if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
                                             else location.href=jumpUrl;
                                                }}
function elady1_listMsg()
{   status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:elady1_nextAd()" border=0 width=1002 height=236 name=e_tprotator GALLERYIMG="no" onMouseover="elady_stop_sh=1" onMouseout="elady_stop_sh=0" >');
document.write("</div>");
</SCRIPT>

   NO.2   (附件下载)

<script type="text/javascript">
imgUrl1="images/homePic/1.jpg";
imgtext1="浙江德清三合投资网01"
imgLink1=escape("");
imgUrl2="images/homePic/2.jpg";
imgtext2="浙江德清三合投资网02"
imgLink2=escape("");
imgUrl3="images/homePic/3.jpg";
imgtext3="浙江德清三合投资网03"
imgLink3=escape("");
imgUrl4="images/homePic/4.jpg";
imgtext4="浙江德清三合投资网04"
imgLink4=escape("");
imgUrl5="images/homePic/5.jpg";
imgtext5="浙江德清三合投资网05"
imgLink5=escape("");


 var focus_width=340
 var focus_height=275
 var text_height=0
 var swf_height = focus_height+text_height
 
 var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
 
 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/00/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
 document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="images/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
 document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
 document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
 document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');  document.write('</object>');</script> 

    NO.3  

你的图片要是不是放在images文件夹里的话,比如要放在tupian文件夹里,你就在dw里替换所有images字符为tupian,就能显示小箭头了啊

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0055)http://www.dazhuer.cn/other/jscode/imglh/ad17/index.htm -->
<HTML><HEAD><TITLE>无标题文档</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
TEXT-ALIGN: center
}
TD {
FONT-SIZE: 12px
}
#textslide {
COLOR: #333333
}
</STYLE>

<META content="MSHTML 6.00.6000.16825" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=325 border=0>
  <TBODY>
  <TR vAlign=top>
    <TD colSpan=3><A onmouseover=tu_ove() style="CURSOR: hand"
      onclick=gotoshow() onmouseout=ou()><IMG height=190 src="images/ad-01.jpg"
      width=325 border=0 name=slide></A></TD></TR>
  <TR>
    <TD class=white align=middle width=229 bgColor=#f4f4f4 height=19></TD>
    <TD width=1 bgColor=#7c7c7c>
      <DIV style="POSITION: relative">
      <DIV style="POSITION: absolute; TOP: 10px">
      <TABLE cellSpacing=0 cellPadding=0 width=95 border=0>
        <TBODY>
        <TR vAlign=top align=middle>
          <TD width=19 height=0>
            <DIV style="POSITION: relative">
            <DIV id=xiaotu1
            style="LEFT: 0px; POSITION: absolute; TOP: -19px"><IMG id=xiaosan1
            height=3 src="images/bian1.gif" width=10 border=0></DIV></DIV></TD>
          <TD width=19 height=0>
            <DIV style="POSITION: relative">
            <DIV id=xiaotu2
            style="LEFT: 0px; POSITION: absolute; TOP: -19px"><IMG id=xiaosan2
            height=3 src="images/bian1.gif" width=10></DIV></DIV></TD>
          <TD width=19 height=0>
            <DIV style="POSITION: relative">
            <DIV id=xiaotu3
            style="LEFT: 0px; POSITION: absolute; TOP: -19px"><IMG id=xiaosan3
            height=3 src="images/bian1.gif" width=10></DIV></DIV></TD>
          <TD width=19 height=0>
            <DIV style="POSITION: relative">
            <DIV id=xiaotu4
            style="LEFT: 0px; POSITION: absolute; TOP: -19px"><IMG id=xiaosan4
            height=3 src="images/bian1.gif" width=10></DIV></DIV></TD>
          <TD width=19 height=0>
            <DIV style="LEFT: 1px; POSITION: relative">
            <DIV id=xiaotu5
            style="LEFT: 0px; POSITION: absolute; TOP: -19px"><IMG id=xiaosan5
            height=3 src="images/bian1.gif"
      width=10></DIV></DIV></TD></TR></TBODY></TABLE></DIV></DIV></TD>
    <TD width=95 height=19>
      <TABLE cellSpacing=0 cellPadding=0 width=95 border=0>
        <TBODY>
        <TR vAlign=top>
          <TD class=homejdboder width=19 height=19><A onmouseover=ove(0)
            style="CURSOR: hand" onmouseout=ou()><IMG height=19
            src="images/1.gif" width=19 border=0></A></TD>
          <TD class=homejdboder width=19 height=19><A onmouseover=ove(1)
            style="CURSOR: hand" onmouseout=ou()><IMG height=19
            src="images/2.gif" width=19 border=0></A></TD>
          <TD class=homejdboder width=19 height=19><A onmouseover=ove(2)
            style="CURSOR: hand" onmouseout=ou()><IMG height=19
            src="images/3.gif" width=19 border=0></A></TD>
          <TD class=homejdboder width=19 height=19><A onmouseover=ove(3)
            style="CURSOR: hand" onmouseout=ou()><IMG height=19
            src="images/4.gif" width=19 border=0></A></TD>
          <TD width=19 height=19><A onmouseover=ove(4) style="CURSOR: hand"
            onmouseout=ou()><IMG height=19 src="images/5.gif" width=19
            border=0></A></TD></TR></TBODY></TABLE></TD></TR><tr><td colspan="3">
      <DIV id=textslide>焦点图标题层</DIV></td></tr></TBODY></TABLE>
<SCRIPT>
//slideimages数组为变换的图
var slideimages=new Array();
slideimages[0]="images/ad-01.jpg";
slideimages[1]="images/ad-02.jpg";
slideimages[2]="images/ad-03.jpg";
slideimages[3]="images/ad-04.jpg";
slideimages[4]="images/ad-05.jpg";

//slidetext数组为变换的文字
var slidetext=new Array();
slidetext[0]="焦点图片广告011111";
slidetext[1]="焦点图片广告022222";
slidetext[2]="焦点图片广告033333";
slidetext[3]="焦点图片广告044444";
slidetext[4]="焦点图片广告055555";

//slidetext数组为点击大图后跳到的地址
var slidelinks=new Array();
slidelinks[0]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[1]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[2]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[3]="http://www.webkkk.com/sygj/ggdm.htm";
slidelinks[4]="http://www.webkkk.com/sygj/ggdm.htm";

//焦点图初始内容--start
var slidespeed=3000

var slidesanjiaoimages=new Array("images/bian2.gif","images/bian1.gif");
var slidesanjiaoimagesname=new Array("xiaosan1","xiaosan2","xiaosan3","xiaosan4","xiaosan5");

var filterArray=new Array();
filterArray[0]="progid:DXImageTransform.Microsoft.Pixelate (enabled=false,duration=2,maxSquare=25 )";
filterArray[1]="progid:DXImageTransform.Microsoft.Stretch (duration=1,stretchStyle=PUSH)";
filterArray[2]="progid:DXImageTransform.Microsoft.Stretch(duration=1)";
filterArray[3]="progid:DXImageTransform.Microsoft.Slide(bands=8, duration=1)";
filterArray[4]="progid:DXImageTransform.Microsoft.Fade ( duration=1,overlap=0.25 )";

var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function tu_ove(){clearTimeout(setID)}
function ou(){slideit()}

    var whichlink=0
    var whichimage=0
   
    function gotoshow(){
      window.open(slidelinks[whichlink]);
    }
   
    function slideit(){
   
    document.images.slide.style.filter=filterArray[whichimage];
    //alert(document.images.slide.style.filter);
    pixeldelay=(ie55)? (document.images.slide.filters[0].duration*1000) : 0
    //alert(pixeldelay);
    if (!document.images) return
   
    if (ie55) {
      document.images.slide.filters[0].apply();
      document.images.slide.filters[0].play();
     
    }
    document.images.slide.src=imageholder[whichimage].src
   
    document.getElementById("textslide").innerText=slidetext[whichimage];
   
    document.getElementById("xiaosan1").src=slidesanjiaoimages[0];
    document.getElementById("xiaosan2").src=slidesanjiaoimages[0];
    document.getElementById("xiaosan3").src=slidesanjiaoimages[0];
    document.getElementById("xiaosan4").src=slidesanjiaoimages[0];
    document.getElementById("xiaosan5").src=slidesanjiaoimages[0];
   
    document.getElementById(slidesanjiaoimagesname[whichimage]).src=slidesanjiaoimages[1];
   
   
   
    if (ie55) document.images.slide.filters[0].play()
    whichlink=whichimage
    whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
    setID=setTimeout("slideit()",slidespeed+pixeldelay)
    }
    slideit()
    function ove(n){
     clearTimeout(setID)
     whichimage=n;
     document.images.slide.src=imageholder[whichimage].src
     
     document.getElementById("textslide").innerText=slidetext[whichimage];
     document.getElementById("xiaosan1").src=slidesanjiaoimages[0];
     document.getElementById("xiaosan2").src=slidesanjiaoimages[0];
     document.getElementById("xiaosan3").src=slidesanjiaoimages[0];
     document.getElementById("xiaosan4").src=slidesanjiaoimages[0];
     document.getElementById("xiaosan5").src=slidesanjiaoimages[0];
     document.getElementById(slidesanjiaoimagesname[whichimage]).src=slidesanjiaoimages[1];
    }
 
</SCRIPT>
</BODY></HTML>

 

Comments.

◎ welcome to participate in the discussion

日历

Comments.

Previous.

ADMIN. | EMAIL. | ABOUT.

Powered By Z-Blog 1.8 Spirit Build 80722Copyright © 2006-2011 可乐Blog Kele520.Com All Rights Reserved.[皖ICP备 06001314号]