<%@ page contentType="text/html; charset=gb2312"%> 怎样让图形跟随鼠标?
网站公告:   ◆北天JAVA技术网热情为java爱好者服务,本网内容包括JAVA(JSP、servlet、EJB、webservice、j2ee、javabean、应用服务器、JavaScript),数据库(MYSQL、SQL Server、Sybase、Oracle、DB2、数据库综合知识),设计研究(设计模式、Struts、Spring、Hibernate、设计框架、设计综合知识),WEB2.0新技术(主要介绍AJAX),以及各种技术的入门、实例、例子等等,欢迎各位多来坐坐!◆  诚邀各位JAVA爱好者加盟!◆  本网站内容丰富,更新快,保证每周20篇以上!  
加入收藏
设为首页
联系站长
承接项目
  相关资源:网站首页 | 免费培训学院 | 技术论坛 | JAVA聊天室 | 作家专栏 | 开发工具 | 认证考试 | 会员俱乐部
  JAVA技术初学者园地 | jsp与servlet | javascript | Java源代码 | EJB | web service | 应用服务器 | JAVA综合知识
  设计研究设计模式 | 设计框架 | Struts | Spring | Hibernate | 开源项目 | 面向对象设计 | 设计综合知识
  数 据 库MYSQL | SQL Server | Sybase | Oracle | DB2 | Informix | Access | 数据库综合知识
  其他资源:AJAX新技术 | 网站开发 | ERP软件 | OA办公软件 | 商业智能BI | 开发综合知识 | 承接项目 | 项目试用

 
 
怎样让图形跟随鼠标?
     发布者: 发布时间:2007-01-18

<script language="JavaScript">
 var newtop=0
 var newleft=0
 if (navigator.appVersion.indexOf("MSIE") != -1) {
   layerStyleRef="layer.style.";
   layerRef="document.all";
   styleSwitch=".style";
  }

 function doMouseMove() {
  layerName = 'iit'
  eval('var curElement='+layerRef+'["'+layerName+'"]')
                     eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
  eval('curElement'+styleSwitch+'.visibility="visible"')
  eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
  eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
  eval('height=curElement'+styleSwitch+'.height')
  eval('width=curElement'+styleSwitch+'.width')
  width=parseInt(width)
  height=parseInt(height)
  if (event.clientX > (document.body.clientWidth - 5 - width))
  {
   newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
  }
  else
  {
   newleft=document.body.scrollLeft + event.clientX
  }
  eval('curElement'+styleSwitch+'.pixelLeft=newleft')

  if (event.clientY > (document.body.clientHeight - 5 - height))
  {
   newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
  }
  else
  {
   newtop=document.body.scrollTop + event.clientY
  }
  eval('curElement'+styleSwitch+'.pixelTop=newtop')
}

 document.onmousemove = doMouseMove;

</script>
<script language="javascript">
 if (navigator.appVersion.indexOf("MSIE") != -1) { 
  document.write('<div ID=OuterDiv>')
  document.write('<img ID=iit src="img/rabbit.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden;">')
  document.write('</div>')
 }
</script>

注:此效果只能在IE浏览器中实现,本例中所用的图形放在与本页面同级的“img”文件夹内,名为rabbit.gif

(转载文章请保留出处:北天JAVA技术网(www.java114.com))
 
更多精彩文章:
JSP与Servlet
java-在Java中读写Excel文件
Java 中对文件的读写操作之比较
HTML结构化:实践DIV+CSS网页布局入门指南
走进JBoss (2)
走进JBoss (1)
 
最近评论:
        
你曾悄悄的来过!
wow gold,wow gold,wow gold,ffxi gil max(5525)
        
冰封的往事!
wow power leveling,wow gold,WoW Gold,wow gold max(7273)
        
飞舞的传奇!
传世私服,传世私服.传奇世界私服传奇世界私服,传世私服传世私服, 传奇世界私服传奇世界私服.传奇私服传奇私服. max(908)
        
标 题:   
内 容:   
 
                                  
 
免责声明:该文章由网友发表,如果对您造成侵权,请联系站长

首页 - 承接项目 - 网站地图 - 联系我们 -
版权所有北天JAVA技术工作室 ICP证号:粤ICP备06079815号