CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
可用分押宝游戏火热进行中... 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  ASP

高分提问:实现漂浮图片鼠标放上去就停,实现两个图片移动。一个图片效果已经实现。在线等哦:)

楼主7758iloveu(xixihaha)2004-12-01 16:49:17 在 Web 开发 / ASP 提问

一个图片效果已经实现。  
   
   
  <script   language="JavaScript">  
  <!--  
  var   pic="http://www.006.net/qq/qq.gif";      
  var   alt="";  
  var   speed=60;  
  var   light=0;  
     
  var   stop=0;  
  var   num=0;  
     
  var   brOK=false;  
  var   mie=false;  
  var   aver=parseInt(navigator.appVersion.substring(0,1));  
  var   aname=navigator.appName;  
     
  var   vmin=2;  
  var   vmax=5;  
  var   vr=2;  
  var   timer1;  
     
  var   allyes;  
     
  var   ns   =   (document.layers)   ?   1   :   0;  
  var   ie   =   (document.all)   ?   1   :   0;  
  var   bFade=false;  
     
  function   checkbrOK(){  
    if(aname.indexOf("Internet   Explorer")!=-1){  
      if(aver>=4)   brOK=navigator.javaEnabled();  
      mie=true;  
    }  
    if(aname.indexOf("Netscape")!=-1){  
      if(aver>=4)   brOK=navigator.javaEnabled();  
    }  
  }  
   
  function   Chip(chipname,width,height){  
    this.named=chipname;  
    this.vx=vmin+vmax*Math.random();  
    this.vy=vmin+vmax*Math.random();  
    this.w=width;  
    this.h=height;  
    this.xx=10;  
    this.yy=10;  
    this.timer1=null;  
  }  
     
  function   movechip(chipname){  
  if   (stop!=1){  
  if(brOK){  
    eval("chip="+chipname);  
    if(!mie){  
      pageX=window.pageXOffset;  
      pageW=window.innerWidth;  
      pageY=window.pageYOffset;  
      pageH=window.innerHeight;  
    }  
    else{  
      pageX=window.document.body.scrollLeft;  
      pageW=window.document.body.offsetWidth;  
      pageY=window.document.body.scrollTop;  
      pageH=window.document.body.offsetHeight;  
    }    
    chip.xx=chip.xx+chip.vx;  
    chip.yy=chip.yy+chip.vy;  
    chip.vx+=vr*(Math.random()-0.5);  
    chip.vy+=vr*(Math.random()-0.5);  
    if(chip.vx>(vmax+vmin))     chip.vx=(vmax+vmin)*2-chip.vx;  
    if(chip.vx<(-vmax-vmin))   chip.vx=(-vmax-vmin)*2-chip.vx;  
    if(chip.vy>(vmax+vmin))     chip.vy=(vmax+vmin)*2-chip.vy;  
    if(chip.vy<(-vmax-vmin))   chip.vy=(-vmax-vmin)*2-chip.vy;  
    if(chip.xx<=pageX){  
      chip.xx=pageX;  
      chip.vx=vmin+vmax*Math.random();  
    }  
    if(chip.xx>=pageX+pageW-chip.w){  
      chip.xx=pageX+pageW-chip.w;  
      chip.vx=-vmin-vmax*Math.random();  
    }  
    if(chip.yy<=pageY){  
      chip.yy=pageY;  
      chip.vy=vmin+vmax*Math.random();  
    }  
    if(chip.yy>=pageY+pageH-chip.h){  
      chip.yy=pageY+pageH-chip.h;  
      chip.vy=-vmin-vmax*Math.random();  
    }  
    if(!mie){  
      eval("document."+chip.named+".top   ="+chip.yy);  
      eval("document."+chip.named+".left="+chip.xx);  
    }    
    else{  
      eval("document.all."+chip.named+".style.pixelLeft="+chip.xx);  
      eval("document.all."+chip.named+".style.pixelTop   ="+chip.yy);    
    }  
    chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);  
  }  
  }  
  else   {chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);}  
  if   (ie){  
    if   (light==1){  
      var   nOpacity=oImg.filters.alpha.opacity;  
      if   (nOpacity>=100)   bFade=true;  
      if   (nOpacity<=0)   bFade=false;  
      if   (bFade)   oImg.filters.alpha.opacity--;  
      if   (!bFade)   oImg.filters.alpha.opacity++;  
    }  
  }  
     
  }  
     
  function   stopme(chipname){  
    if(brOK){  
      eval("chip="+chipname);  
      if(chip.timer1!=null){  
        clearTimeout(chip.timer1)  
      }  
    }  
  }  
     
  function   allyes1(){  
  if   (num==0){  
    checkbrOK();    
    allyes=new   Chip("allyes",100,80);  
    if(brOK)   {  
      movechip("allyes");  
    }  
  }  
    num++;  
  }  
     
  if   (ie){  
  document.write("<div   ID='allyes'   STYLE='position:absolute;left:   10px;   top:   10px;'>");  
  document.write("<a   HREF='http://www.006.net/qq/qq.htm'   target='_blank'>");  
  if   (light==1){  
  document.write("<dd><img   SRC='"   +   pic   +   "'   onload='allyes1()'   ID='oImg'   border='0'   alt='"   +   alt   +   "'   style='position:absolute;left:200px;top:200px;filter:alpha(opacity=50);'   onMouseOver='stop=1;'   onMouseOut='stop=0;'></a></dd>");  
  }  
  else   if   (light==0){  
  document.write("<dd><img   SRC='"   +   pic   +   "'   onload='allyes1()'   border='0'   alt='"   +   alt   +   "'   onMouseOver='stop=1;'   onMouseOut='stop=0;'></a></dd>");  
  }  
  document.write("</div>");  
  }  
  else   if   (ns){  
  document.write("<layer   name='allyes'   visibility=\"show\"   onMouseOver='stop=1;'   onMouseOut='stop=0;'     onload='allyes1()'   >");  
  document.write("<a   HREF='http://www.006.net/qq/qq.htm'   target='_blank'>");  
  document.write("<dd><img   SRC='"   +   pic   +   "'   border='0'   alt='"   +   alt   +   "'></a></dd>");  
  document.write("</layer>");  
  }  
  //-->  
  </script>  
  问题点数:100、回复次数:9Top

1 楼davery()回复于 2004-12-01 18:03:28 得分 5

这么长啊,最近有点懒啊,UPTop

2 楼tomtown530(梦想一定会实现!)回复于 2004-12-01 19:15:33 得分 5

呵呵,是啊,现在玩ASP的都去玩。NET了,看ASP是有点懒啊,呵呵  
  不过楼主一定是个JS高手Top

3 楼yjbnew(伟大的光荣的正确的ASP千岁千岁千千岁)回复于 2004-12-01 19:20:17 得分 5

看看这里   http://community.csdn.net/Expert/topic/3543/3543161.xml?temp=.1478083Top

4 楼yjbnew(伟大的光荣的正确的ASP千岁千岁千千岁)回复于 2004-12-01 19:20:52 得分 5

好像就是为你准备的。  
  我这个随便你放多少个Top

5 楼7758iloveu(xixihaha)回复于 2004-12-02 07:47:51 得分 0

图片的可以从外部赋给,因为要从数据库里面读出图片名称。  
   
  我想加入图片,应该怎么办?  
   
  我看了你的源文件,看不到有放图片的位置。Top

6 楼everywhen(那天,我醉了!)回复于 2004-12-02 08:31:23 得分 5

学习Top

7 楼lijun355(孤)回复于 2004-12-02 09:09:54 得分 20

滚动的主文件!  
   
  <META   content="text/html;   charset=gb2312"   http-equiv=Content-Type>  
  <SCRIPT   language=JavaScript   src="scroll/scroll02.js"></SCRIPT>  
  <META   content="MSHTML   5.00.3315.2870"   name=GENERATOR></HEAD>  
  <BODY   bgColor=#ffffff   leftMargin=0   onload=javascript:startscroll();   text=#000000    
  topMargin=0>  
  <table   width="760"   border=0   align=left   cellpadding=0   cellspacing=0>  
      <tbody>  
          <tr>    
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img01.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img02.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img03.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img04.jpg"   width=120></td>  
              <td   width=50><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img05.jpg"   width=120></td>  
              <td   width=50><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img10.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img07.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img08.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img01.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img09.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img03.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img04.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img05.jpg"   width=120></td>  
              <td   width=50><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img09.jpg"   width=120></td>  
              <td   width=50><img   alt=天天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img10.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img07.jpg"   width=120></td>  
              <td   width=100><img   alt=天津e绚工作室   border=0   height=80    
              onMouseOut=javascript:startscroll();   onMouseOver=javascript:stopscroll();    
              src="scroll/img08.jpg"    
  width=120></td>  
          </tr>  
      </tbody>  
  </table>  
  </BODY></HTML>Top

8 楼lijun355(孤)回复于 2004-12-02 09:10:23 得分 30

调用的JS文件!  
   
  var   x0   =   0;  
  var   y0   =   0;  
  var   limdex   =   760;  
  //limdex   =   图像宽度   *   图像数量  
  var   dest   =   0;  
  var   distance   =   0;  
  var   step   =   0;  
  var   destination   =   0;  
  var   on   =   true;  
   
  function   scrollit(destination)   {  
  step   =   2;  
  dest   =   destination;  
  if   (x0   <   dest   &   x0   <   limdex){  
  while   (x0   <   dest)   {  
  step   +=   (step   /   7);  
  x0   +=   step;  
  scroll(x0,0);  
  }      
  if(dest   <=   limdex)   {   scroll(dest,0);   }  
  x0   =   dest;  
  }  
  if   (x0   >   dest)     {  
  while   (x0   >   dest)   {  
  step   +=   (step   /   7);  
  if(x0   >=   (0+step))   {   x0   -=   step;   scroll(x0,0);   }  
  else   break;  
  }  
  if(dest   >=   0)   {   scroll(dest,0);   }  
  x0   =   dest;  
  }  
  if   (x0   <   1)   {   scroll(1,0);   x0=1   }  
  if   (x0   >   limdex)   {   scroll(limdex,0);   x0   =   limdex   }  
  x0   =   dest;  
  }  
  function   scrollnow()   {  
  if   (on){  
  if   (x0   <   limdex   &   x0   >=   0   )   {                              
  scroll(x0,0);  
  x0   =   x0   +   1;  
  setTimeout('scrollnow()',   8);  
                   
  }   else   if   (x0   <   0)   {  
  x0   =   limdex;  
  scrollnow();  
  }   else   {  
  x0   =   0;  
  scrollnow();  
  }  
  }  
  }  
  function   stopscroll()   {  
  if   (on){  
  on   =   false;  
  }   else   {  
  on   =   true;  
  scrollnow();  
  }  
  }  
  function   startscroll()   {   on   =   true;   scrollnow();   }  
  function   stop_start()   {    
  if   (on){   on   =   false;}   else   {   on   =   true;scrollnow();}  
  }Top

9 楼yjbnew(伟大的光荣的正确的ASP千岁千岁千千岁)回复于 2004-12-02 14:05:39 得分 25

你没有看到有个方法叫LOADHTML吗?Top

相关问题

  • 鼠标移动??????????????
  • HELP~~~~~~~~~~~~关于鼠标移动!
  • 鼠标移动的问题!!
  • 鼠标移动的问题
  • 当鼠标移动到ListBox上时,鼠标形状改变
  • 提问:点击鼠标左键的次数
  • 如何让鼠标跳格移动?
  • 如何得到鼠标移动速度?
  • 如何实现鼠标移动控件?
  • 跟随鼠标移动效果

关键词

  • 图片
  • 实现

得分解答快速导航

  • 帖主:7758iloveu
  • davery
  • tomtown530
  • yjbnew
  • yjbnew
  • everywhen
  • lijun355
  • lijun355
  • yjbnew

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo