程序博客网 > 股权众筹系统源码

JS+CSS 实现悬浮滚动广告

来源：互联网发布：股权众筹系统源码编辑：程序博客网时间：2024/06/05 03:17

- 效果图
- 思路
- 代码

效果图：

这里写图片描述

思路：

布局一个绝对布局的div 写一个move方法改变div的left 和top值
需要注意到达body边界时候改变方向
然后设置定时器调用move方法不断改变 left和top值

代码：

<html lang="en"><head>    <meta charset="UTF-8">    <title>移动的小广告</title></head><body> <div id="xgg" style="position: absolute;left: 0px;top: 0;">     <img src="images/123.jpg" alt=""> </div> <script>     var xleft=0;     var ytop=0;     var movex=1;     var movey=1;     function  move(){         xleft+=movex;         ytop+=movey;         var xgg=document.getElementById("xgg");         xgg.style.top=ytop;         xgg.style.left=xleft;         if(xleft+xgg.offsetWidth>=document.body.clientWidth|| xleft<=0){             movex=-movex;         }//注意 document.body.clientHeight 兼容问题             if(ytop+xgg.offsetHeight>=document.body.clientHeight||ytop<=0){             movey=-movey;         }     }     setInterval(move,10); </script></body></html>

0 0

股权众筹系统源码

股权众筹系统源码

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子喝奶粉的宝宝便秘怎么办抱孩子抱的驼背怎么办 4岁宝宝不拉屎怎么办小朋友大便拉不出来怎么办儿童便秘拉不出来怎么办没感冒喉咙有痰怎么办宝宝喂不进去药怎么办新生儿只放屁不拉大便怎么办新生儿腹胀不拉大便怎么办 8月宝宝咳嗽有痰怎么办 2个月婴儿惊吓怎么办吃了米粉不拉屎怎么办奇异果奶昔苦了怎么办 8个月宝宝偏瘦怎么办一岁宝宝螺旋腿怎么办七个月宝宝晚上咳嗽厉害怎么办孕7个月感冒咳嗽怎么办 4个月婴儿肺炎怎么办宝宝吃胡萝卜泥拉肚子怎么办宝宝吃土豆泥不消化怎么办五个月宝宝奶睡怎么办橘子和牛奶一起吃了怎么办半岁宝宝不喝水怎么办一岁宝宝总是便秘怎么办 1岁的宝宝不喝水怎么办两月宝宝不喝水怎么办破壁机打出的果汁很浓稠怎么办榨的果汁不甜怎么办 11个月宝宝吃盐怎么办 1岁半宝宝长牙慢怎么办小孩里面的牙黑怎么办 7个半月宝宝便秘怎么办 2个月婴幼儿便秘怎么办 3个月宝宝不消化怎么办一天大便二三次不消化怎么办不消化没胃口几天不大便怎么办? 两个月的宝宝拉绿屎怎么办肠胃不好消化功能差怎么办 2岁宝宝消化不好怎么办 5天新生儿不拉大便怎么办七个月宝宝一周不拉屎怎么办