var flo = document.getElementById('flo');

var open = document.getElementById('open');

var max_left = document.documentElement.clientWidth - flo.offsetWidth; //可视区宽度减去div本身的宽度

var max_top = document.documentElement.clientHeight - flo.offsetHeight //可视区高度减去div本身的高度

var t = 1,

l = 1;

function flao() {

var old_left = flo.offsetLeft;

var old_top = flo.offsetTop;

//新的left 和 top

var new_left = old_left + l;

var new_top = old_top + t;

flo.style.left = new_left + 'px';

flo.style.top = new_top + 'px';

if (new_top == max_top || new_top == 0) {

// alert('daodile')

t = -1 * t;

}

if (new_left == max_left || new_left == 0) {

l = -1 * l;

}

}

var timer = setInterval(flao, 10);

flo.onmousemove = function() {

clearInterval(timer)

}

flo.onmouseout = function() {

timer = setInterval(flao, 10);

}

window.onresize = function() {

max_left = document.documentElement.clientWidth - flo.offsetWidth; //可视区宽度减去div本身的宽度

max_top = document.documentElement.clientHeight - flo.offsetHeight //可视区高度减去div本身的高度

flo.style.left = 0 + 'px';

flo.style.top = 0 + 'px';

t = 1, l = 1;

}

网站右侧广告悬浮代码html,js网站广告悬浮代码相关推荐

  1. [JS代码]常用JS网页广告代码

    (http://bbs.blueidea.com/thread-2430778-1-1.html) 整理了几个常用的网页广告代码 演示地址: http://www.makewing.com/lanre ...

  2. html打赏代码,简单JS弹窗实现打赏代码

    JS代码 function pop() { $('body').append(' $('body').append(' 打赏本站 微信打赏 支付宝打赏 '); $('#tca').click(func ...

  3. Android百度地图悬浮窗样式,JS百度地图搜索悬浮窗功能

    效果图: 代码 body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:14px;} # ...

  4. js漂浮广告代码(简洁!)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org ...

  5. 织梦广告更改不显示,如何更新织梦JS调用广告缓存

    确实织梦在缓存这一块存在很大BUG,但是这并不影响我们使用它,对于新手小白来说以下可能会帮助到你. 第一种方法:更改织梦系统缓存时间 织梦有2种调用广告方式:内置代码与JS调用广告,织梦DedeCms ...

  6. JS网站右下角悬浮视窗可关闭广告

    效果体验:http://hovertree.com/texiao/js/4.htm 网站右下角悬浮视窗可关闭广告代码,可收缩.展开,关闭,内容区可自定义html,兼容IE8+.FireFox.Chro ...

  7. 仿凡科网站右侧悬浮窗 在线客服简约图标大全快捷导航钻芒美化版

    之前有发个一个凡科的右侧悬浮窗,今天给加了一些图标样式,新增css判断窗口大小自动隐藏(手机端不会显示),这下比较齐全了. 可以自己自定义图标,在css更改图片链接即可(背景图标和鼠标hover浮动图 ...

  8. seo黑帽劫持用的php,黑帽seo 论坛:黑帽seo防止网站被k的js劫持跳转代码

    由于目前百度搜索百度搜索引擎对于js代码还没有办法完全辨别,因此也就出现了运用js代码跳转的黑帽优化提升手法.现如今在网络上有关js跳转代码不计其数,但是作为黑帽优化提升的seo手法之一,如何确保有效 ...

  9. word press html,wordpress广告插件24款 管理网站广告代码很方便

    > >推荐一些常用的wordpress广告插件,还是比较好用的.在网站中投放广告,不仅能够帮你赚取金钱.增加收入,还能够证明你网站的价值. >今天,云服务器网(www.yuntue. ...

最新文章

  1. django06: ORM示例2--uer 与file
  2. samba实现linux之间文件共享,使用 samba 实现文件共享
  3. [java学习] java_反射机制
  4. “入圈”高端大获成功!小米10至尊版上市首月霸榜京东、天猫5000元以上档销量第一...
  5. RDMBorderedButton
  6. xpraid安装_在Win2003/XP安装光盘中集成RAID驱动 不用软驱装RAID/SATA/SAS驱动
  7. Web 前端页面劫持和反劫持
  8. php微信网页授权获取用户基本信息,微信网页授权获取用户基本信息
  9. NNDL 实验六 卷积神经网络(4) ResNet18实现MINIST
  10. 图测1.0 在线地图测量与高清卫星图App 发布
  11. “海尔”业务流程再造给我们的启示(转载)
  12. 用KOPPT,大家的姿势对了没?
  13. 助教日志_【沈阳航空航天大学软件工程 1,2 班】前六周排行榜
  14. 单元格内容分列多行_excel如何将同一个单元格的多行内容拆分
  15. 折半插入排序的最强版
  16. 学习光线追踪(18)---镜面反射贴图
  17. 24. GD32F103C8T6入门教程-IAP升级教程
  18. ONE~~~~~~~~~
  19. Permission denied: user=dr.who, access=WRITE, inode=“/“:root:supergroup:drwxr-xr-x
  20. 使用ViewPager和FragmentPagerAdapter实现Tab

热门文章

  1. unity热更新新方案,ILRuntime
  2. [NOIP2011 普及组] 瑞士轮
  3. 如何将前端代码写的优雅?
  4. HDU 4460 Friend Chains(map + spfa)
  5. mysql - database/数据库
  6. 5月刊推荐:怎样才是真正的架构师
  7. BIM+9大技术,你知多少?
  8. Alist挂载百度网盘
  9. 基于HTTP的QQ协议分析
  10. Error running 'PY201': Cannot run program C:\Users\GJ\AppData\Local\Programs\Python\Python37\python