网页前台页面图片飘窗代码

 <!---飘窗开始---><div id="img1" style="z-index: 999; border: 1px solid rgb(204, 204, 204); width: 340px; background-color: white; height: 100px; position: absolute; top: 29px; left: 1230px; font-size: 13px;" ><div style="height:18px;margin-left:310px;margin-top:6px;"><a href="javascript:void(0);" onclick="closediv()" title="点击关闭" style="height:16px;text-decoration:none;color:#666;">关闭</a></div><div><a href="" target="_blank"><img src="data:images/float_20171001.png"  alt="中秋 国庆,双节同庆" title="中秋 国庆,双节同庆"></a></div></div><script type="text/javascript">var obj = document.getElementById("img1");var ggRoll = {roll: obj,speed: 16,statusX: document.documentElement.clientWidth - document.body.clientWidth,statusY: document.documentElement.clientHeight - document.body.clientHeight,x: 200,y: 400,winW: document.body.clientWidth - obj.offsetWidth * 2,winH: document.body.clientHeight - obj.offsetHeight,Go: function () {this.roll.style.left = this.x + 'px';this.roll.style.top = this.y + 'px';this.x = this.x + (this.statusX ? -1 : 1);if (this.x < 0) {this.statusX = 0;}if (this.x > this.winW) {this.statusX = 1;}this.y = this.y + (this.statusY ? -1 : 1);if (this.y < 0) {this.statusY = 0;}if (this.y > this.winH) {this.statusY = 1;}}}var intervaly = setInterval("ggRoll.Go()", ggRoll.speed);ggRoll.roll.onmouseover = function () {clearInterval(intervaly);};ggRoll.roll.onmouseout = function () {intervaly = setInterval("ggRoll.Go()", ggRoll.speed);};function closediv() {clearInterval(intervaly);obj.style.display = "none";obj.parentNode.removeChild(obj);}</script><!---飘窗结束--->

posted @ 2017-09-29 14:28 波霸38 阅读( ...) 评论( ...) 编辑 收藏

网页前台页面图片飘窗代码相关推荐

  1. 网页中插入图片的代码

    本文转载至:http://www.luke99.com/celuechuangyi/2011-05/6912.html 如何在网页中插入图片呢?只要有图片的地址,就可以通过代码设置而放入我们的网页的. ...

  2. python获取网页图片_python抓取网页中的图片示例

    python抓取网页中的图片示例 代码如下: #coding:utf8 import re import urllib def getHTML(url): page = urllib.urlopen( ...

  3. java查询图片前台展示_Java +spring MVC 后台图片流在前台页面显示

    用户上传图片后 (头像 or 个人照片等) ,需要在页面上显示,现在提供一种显示方式. 后台采用spring mvc的架构 前台是html Java代码: @ResponseBody @Request ...

  4. Web入门之VScode基本操作,文本框、输入框、单选框、多选框、列表、插入图片、插入按钮及跳转网页和页面

    Web入门之VScode基本操作,表单.输入框.单选框.多选框.列表.插入图片.插入按钮及跳转网页和页面 已经在VSCode中新建了.html项目,下面我们来进行一些基本的简单操作,关于如何新建项目, ...

  5. php网页怎么插入背景图片,HTML中更换或添加网站背景图片的代码怎么写?(示例)...

    本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话. 我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码, ...

  6. python网页保存为图片_使用Python保存网页上的图片或者保存页面为截图

    Python保存网页图片这个是个比较简单的例子,网页中的图片地址都是使用'http://.....jpg'这种方式直接定义的. 使用前,可以先建立好一个文件夹用于保存图片,本例子中使用的文件夹是 d: ...

  7. python爬虫实例手机_Python爬虫实现爬取京东手机页面的图片(实例代码)

    实例如下所示: __author__ = 'Fred Zhao' import requests from bs4 import BeautifulSoup import os from urllib ...

  8. php实现飘窗,JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码)

    原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...

  9. python爬虫网页中的图片_Python爬虫爬取一个网页上的图片地址实例代码

    本文实例主要是实现爬取一个网页上的图片地址,具体如下. 读取一个网页的源代码: import urllib.request def getHtml(url): html=urllib.request. ...

最新文章

  1. 美博士环保聚焦“限漆令”出台之后的涂料行业
  2. qq在线咨询代码,MSN在线代码,贸易通在线留言源代码!
  3. tomcat启动前端项目
  4. Linux中将pip 源切换至国内镜像~亲测可用
  5. 私有云和公有云的区别_如何理解公有云和私有云
  6. c#string倒数第二位插入字符_【转载】C#中string类使用Substring方法截取字符串
  7. java导入excle表格,并且对表格进行相应的修改,并对表格数据进行整理,最后导出本地表格等一系列操作...
  8. 有关likely和unlikely??
  9. matlab flightgear,matlab与flightGear联合仿真
  10. linux安装酷q机器人,docker一键安装酷Q搭建个人QQ机器人
  11. php针式打印机打多张,如何将多页内容打印在一张A4纸上
  12. VMware虚拟终端的下载及安装
  13. 超级右键-Mac右键扩展工具
  14. h5 - mui 使用技巧
  15. 通过尾注设置参考文献
  16. html5播放音乐 wav,使用HTML5播放wav
  17. 青年大学习里的粉色玩偶介绍
  18. m个苹果放入n个盘子
  19. 安卓逆向——AS开发Xposed插件HOOK案例
  20. 外汇天眼:Apple与MetaQuotes之争!谁是下一个Apple?谁会成下一个MT4/5?

热门文章

  1. ArcGIS Server发布地图服务
  2. Cesium bim模型加载并与模型树关联(分层加载)
  3. 力扣517. 超级洗衣机
  4. 经典人脸识别算法(特征脸,FISHERFACE,LBP)
  5. unity判断UGUI的重合
  6. 【C语言】3天速刷C语言(初识)
  7. PAT【甲级】1145
  8. 第六章 OLED模块+STM32的使用
  9. ubuntu下的usb 转串口的使用
  10. suse linux 远程桌面,Xmanager 远程连接CentOS linux和SUSE linux