JS随机漂浮广告代码

本文介绍了如何使用JavaScript创建一个随机漂浮的广告代码,包括设置广告初始位置、移动步长、时间和边界判断,以及如何处理鼠标悬停时的运动状态。同时,文章还提到了解决浮动广告在Flash上显示问题的方法,即设置Flash的wmode参数为opaque。
摘要由CSDN通过智能技术生成
<!--随机漂浮广告开始-->
<div id="float" style="position:absolute; z-index:3;(我建议大家把这里设为100,这样浮动图就不会被遮住了) left: 512px; width: 83px; top: 9px; height: 53px;">
      <img src="piaofu.gif" width="100" height="50"> </div>
<script type="text/javascript">
   <!--随机漂浮广告 -->
    var xPos=0,yPos=0;//x,y轴坐标
    var xon=0;//图片在x轴移动方向
    var yon=0;//图片在y轴移动方向
    var step=1;     //移动距离
    var img=document.getElementByIdx_x("float");//图片层
   
    function floatP()
    {
    
     var width=document.body.clientWidth;//浏览器宽度
     var height=document.body.clientHeight;//浏览器高度
     var Hoffset=img.offsetHeight;//图片高度
     var Woffset=img.offsetWidth;//图片宽度
    
     img.style.left=xPos+docume
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值