CSDN学院讲师招募，诚邀您加入！博客Markdown编辑器上线啦那些年我们追过的Wrox精品红皮计算机图书PMBOK第五版精讲视频教程火星人敏捷开发1001问
HTML网页漂浮广告原理js实现
分类：前端攻城狮之路
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title></title></head><body><style type="text/css">#demo {width: 100px;height: 100px;position:absolute;border-radius:50px;}</style><script type="text/javascript">window.onload = function(){var demo = document.getElementById('demo');var sx = sy = 10;var x = y = 0;function move(){if(document.documentElement.clientWidth – demo.offsetWidth-10 < x || x < 0){sx = -sx;}if(document.documentElement.clientHeight – demo.offsetHeight-10 < y || y < 0){sy = -sy;}x = demo.offsetLeft + sx;y = demo.offsetTop + sy;demo.style.left = x + 'px';demo.style.top = y + 'px';}var timer = setInterval(move, 100);demo.onmouseover = function(){clearInterval(timer);}demo.onmouseout = function(){timer = setInterval(move, 100);}}</script><img src="%3D2048/sign=48fd3c26f01fbe091c5ec4145f580d33/64380cd7912397dd92729b545b82b2b7d0a28752.jpg" id="demo" /></body></html>
上一篇HTML中tab选项卡制作
顶0踩0
主题推荐猜你在找
查看评论
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
核心技术类目
，生气是拿别人做错的事来惩罚自己
