网页前台页面图片飘窗代码
网页前台页面图片飘窗代码
<!---飘窗开始---><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><!---飘窗结束--->
网页前台页面图片飘窗代码相关推荐
- 网页中插入图片的代码
本文转载至:http://www.luke99.com/celuechuangyi/2011-05/6912.html 如何在网页中插入图片呢?只要有图片的地址,就可以通过代码设置而放入我们的网页的. ...
- python获取网页图片_python抓取网页中的图片示例
python抓取网页中的图片示例 代码如下: #coding:utf8 import re import urllib def getHTML(url): page = urllib.urlopen( ...
- java查询图片前台展示_Java +spring MVC 后台图片流在前台页面显示
用户上传图片后 (头像 or 个人照片等) ,需要在页面上显示,现在提供一种显示方式. 后台采用spring mvc的架构 前台是html Java代码: @ResponseBody @Request ...
- Web入门之VScode基本操作,文本框、输入框、单选框、多选框、列表、插入图片、插入按钮及跳转网页和页面
Web入门之VScode基本操作,表单.输入框.单选框.多选框.列表.插入图片.插入按钮及跳转网页和页面 已经在VSCode中新建了.html项目,下面我们来进行一些基本的简单操作,关于如何新建项目, ...
- php网页怎么插入背景图片,HTML中更换或添加网站背景图片的代码怎么写?(示例)...
本篇文章主要介绍了HTML代码中如何更换或添加网站背景图片?对于小白来说,最简单的方法就是,如果是更换背景图片的话. 我们可以在网页上点击鼠标右键查看网站源代码,然后找到css里面的背景图这一段代码, ...
- python网页保存为图片_使用Python保存网页上的图片或者保存页面为截图
Python保存网页图片这个是个比较简单的例子,网页中的图片地址都是使用'http://.....jpg'这种方式直接定义的. 使用前,可以先建立好一个文件夹用于保存图片,本例子中使用的文件夹是 d: ...
- python爬虫实例手机_Python爬虫实现爬取京东手机页面的图片(实例代码)
实例如下所示: __author__ = 'Fred Zhao' import requests from bs4 import BeautifulSoup import os from urllib ...
- php实现飘窗,JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码)
原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...
- python爬虫网页中的图片_Python爬虫爬取一个网页上的图片地址实例代码
本文实例主要是实现爬取一个网页上的图片地址,具体如下. 读取一个网页的源代码: import urllib.request def getHtml(url): html=urllib.request. ...
最新文章
- 美博士环保聚焦“限漆令”出台之后的涂料行业
- qq在线咨询代码,MSN在线代码,贸易通在线留言源代码!
- tomcat启动前端项目
- Linux中将pip 源切换至国内镜像~亲测可用
- 私有云和公有云的区别_如何理解公有云和私有云
- c#string倒数第二位插入字符_【转载】C#中string类使用Substring方法截取字符串
- java导入excle表格,并且对表格进行相应的修改,并对表格数据进行整理,最后导出本地表格等一系列操作...
- 有关likely和unlikely??
- matlab flightgear,matlab与flightGear联合仿真
- linux安装酷q机器人,docker一键安装酷Q搭建个人QQ机器人
- php针式打印机打多张,如何将多页内容打印在一张A4纸上
- VMware虚拟终端的下载及安装
- 超级右键-Mac右键扩展工具
- h5 - mui 使用技巧
- 通过尾注设置参考文献
- html5播放音乐 wav,使用HTML5播放wav
- 青年大学习里的粉色玩偶介绍
- m个苹果放入n个盘子
- 安卓逆向——AS开发Xposed插件HOOK案例
- 外汇天眼:Apple与MetaQuotes之争!谁是下一个Apple?谁会成下一个MT4/5?