<div id="fudongand" style="position:absolute;"><!--一定要写宽度-->
<script type="text/javascript">
function hidefudongand(){
document.getElementById("fudongand").style.display="none";
}
</script>
   <div>
   <a href='<%=imgUrl%>' target="_blank"><!--imgUrl, imgSrc,imgWidth,imgHeight 这些只是后置代码中受保护的变量对象。-->
      <img src='<%=imgSrc%>' alt="" border="0" width='<%=imgWidth%>' height='<%=imgHeight%>' />
   </a>
   </div>
   <div width='<%=imgWidth%>' style="text-align:right">
   <span style="CURSOR:pointer;color:red;" οnclick="hidefudongand();">关闭</span>
   </div>  
</div>
<script type="text/javascript">
   var x = 50,y = 60;
   var xin = true, yin = true;
   var step = 1;//层移动的步长,值越大移动速度越快
   var delay = 20;//层移动的时间间隔,单位为毫秒,值越小移动速度越快
   var obj=document.getElementById("fudongand");
   function floatAD()
   {
      var L=T=0;
      var R= document.body.clientWidth-obj.offsetWidth;
      var B = document.body.clientHeight-obj.offsetHeight;
      obj.style.left = x + document.body.scrollLeft + "px";
      obj.style.top = y + document.body.scrollTop +"px";
      x = x + step*(xin?1:-1);
      if (x < L) { xin = true; x = L;}
      if (x > R){ xin = false; x = R;}
      y = y + step*(yin?1:-1)
      if (y < T) { yin = true; y = T; }
      if (y > B) { yin = false; y = B;}
   }
   //如果需要显示漂浮广告,请注释掉下面这行代码,然后回复下面那三条已经注释掉的代码
   //document.getElementById("fudongand").style.display="none";
   var itl= setInterval("floatAD()", delay);
   obj.οnmοuseοver=function(){clearInterval(itl)}
   obj.οnmοuseοut=function(){itl=setInterval("floatAD()", delay)}
</script>

转载于:https://www.cnblogs.com/wangzihao/archive/2010/10/15/1852404.html

js div asp.net 实现漂浮图片,可以代码控制。相关推荐

  1. html5滚动文字切换效果代码,js+div实现文字滚动和图片切换效果代码

    本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了 ...

  2. 一款JS+CSS实现的无缝平滑图片滚动代码

    代码简介: 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止.它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用. 代码内容 ...

  3. 超强无法拦截的网页漂浮图片广告代码

    < script type = " text/javascript " > var  imagepath = " /andy.jpg " var   ...

  4. 原生js+div+css,动态画结构图/流程图

    前面用highchart尝试画了一次,但是因为种种因素,还是用js+div+css实现起来比较方便. 代码如下,可直接复制粘贴. html部分: <!doctype html> <h ...

  5. 前端:JS/29/实例:控制div显示_滚动的图片

    实例:控制div显示_滚动的图片 <!DOCTYPE html> <html lang="en"><head><meta charset= ...

  6. JS+CSS控制左右切换鼠标可控的无缝图片滚动代码

    代码简介: 以前见过这种效果,但是是基于FLASH技术,现在是纯用JS实现的,代码有点多,不过效果还不错,实际上它也是一个图片滚动,只不过它完全是用鼠标点击控制的,也就是说鼠标不点击的时候它是静止的, ...

  7. int.TryParse非预期执行引发的思考 ASP.NET -- WebForm -- 给图片添加水印标记 Windows -- 使用批处理文件.bat删除旧文件...

    int.TryParse非预期执行引发的思考 问题出现 这天在写一个页面,想谨慎些就用了int.TryParse,结果出问题了. 代码如下: Copy int id = 1000; //Request ...

  8. JS兼容各个浏览器的本地图片上传即时预览效果

    JS兼容各个浏览器的本地图片上传即时预览效果 很早以前 在工作曾经碰到这么一个需求,当时也是纠结了很久,也是google了很久,没有碰到合适的demo,今天特意研究了下这方面的的问题,所以也就做了个简 ...

  9. js获取图片真实尺寸 - 代码篇

    js获取图片真实尺寸 - 代码篇 代码案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8& ...

最新文章

  1. android:theme.holo.light.,Android: Theme.Holo.Light.NoActionBar vs Theme.Light.NoTitleBar
  2. hdu 5615 Jam's math problem(判断是否能合并多项式)
  3. 虚拟机配置自定义静态ip,并能访问外网
  4. Format函数用法
  5. JavaScript——易班优课YOOC课群课程视频立刻完成解决方案
  6. 一分钟读懂互联网广告竞价策略GFP+GSP+VCG
  7. java bean 工厂模式_通过annotation(注解)实现BeanFactory工厂模式(三)
  8. 结构体全局变量成员赋值
  9. Spring Security 5.0.0正式发布
  10. Android开发之OpenCV实战:开发环境的搭建(身份证号码识别为例)
  11. java算法——哈希表 电话号码查询系统
  12. 信息安全从业者工作规划及能力建设
  13. 干货十足:一大波好用的Windows软件帮你开路!
  14. 第九届全国大学生GIS应用技能大赛下午(试题及参考答案)
  15. mac怎么搭建网站服务器,mac搭建本地服务器(示例代码)
  16. 华为鸿蒙os家电,搭载华为鸿蒙OS的美的产品上市
  17. 【FNN分类】基于粒子群结合引力搜索算法优化前向反馈神经网络实现数据分类附matlab代码
  18. NetWorker Pro for Mac (菜单栏网速监测显示工具) v8.11
  19. 中国的漫威,还很遥远么
  20. 适应各种工控组态软件的图库,一款常用的工控图库,包括3D按钮 、箭头、对角线、多边形、鼓风机、锅炉、工厂等多种图形

热门文章

  1. 可作为工质状态参数的是_制冷工质的热力状态参数都有哪些?
  2. 接口中的泛型要怎么写?
  3. 017_Upload上传
  4. 013_Slider滑块
  5. python 树_Python树的概念
  6. 百一测评mysql数据库答案_MySQL练习题,百炼成神~
  7. Java数据结构和算法:HashMap,哈希表,哈希函数
  8. Java高并发编程:Callable、Future和FutureTask
  9. Android动态加载黑科技 动态创建Activity模式
  10. Mybatis的一对一查询以及延迟加载