搜索内容 : 搜索类别 :
   
 
网站用户名
管理员用户名
密  码
验证码
 
 
社区通
盈网
iephotoshop
彭城视窗
视频教程网
图片工具
中国周易
 
 
图片跟随鼠标移动

发布时间 2008-07-11

图片跟随鼠标移动的效果,只要把以下的代码插入到网页编辑代码区里面即可。

         注意一点:蓝色部份是显示图片的网址,你可以更改为自己图片的网址
                   红色部份可以更改图片的高度,宽度。              

以下是代码片段:

<SCRIPT LANGUAGE="JavaScript">
 var newtop=0
 var newleft=0
 if (navigator.appName == "Netscape") {
  layerStyleRef="layer.";
  layerRef="document.layers";
  styleSwitch="";
  }
  else
  {
  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.appName == "Netscape") {

 }
 else
 {
  document.write('<div ID=OuterDiv>')
  document.write('<img ID=iit src="http://www.51rich.net//userlist/admin/data/userpic/20061111116055.jpg" STYLE="position:absolute;TOP:0pt;LEFT:0pt;width=103;height=28;Z-INDEX:2;visibility:hidden;">')
  document.write('</div>')
 }
</script>

 

相关内容
查无记录

首 页| 关于点点 | 建站帮助 | 客服中心 | 友情链接 | 服务条款 | 付款方式 | 广告服务 | 联系我们 | 网站地图  免费代码大全

都市圈   网页教学网   生成的Logo图像   CC视频专家   中国个人站长站   叶子树   生成的Logo图像

本站还提供无锡本地建站服务:无锡网站建设  无锡央视广告  无锡央视展播  无锡企业媒体网站信息发布  无锡企业媒体专访

业务部邮箱:dd118@dd118.com   客服部邮箱:kefu@dd118.com  技术部邮箱:jishu@dd118.com  

Copyright @2005-2019 diandiannet Inc 版权所有: 无锡国搜信息科技有限公司(原无锡点点网络科技有限公司)

                             苏ICP备07508751号                                   ip5108.htm 流量专家

网站管理