页面上水平飞舞的图片
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>页面上水平飞舞的图片丨石家庄展柜厂|石家庄活动隔断</title></head><body onload="next();"><script language="JavaScript">var pos1=-95;var pos2=-95;var pos3=-95;var pos4=-95;var speed1 = Math.floor(Math.random()*10)+2;var speed2 = Math.floor(Math.random()*10)+2;var speed3 = Math.floor(Math.random()*10)+2;var speed4 = Math.floor(Math.random()*10)+2;function next() {pos1 += speed1;pos2 += speed2;pos3 += speed3;pos4 += speed4;if (pos1 > 795) pos1 = -95;if (pos2 > 795) pos2 = -95;if (pos3 > 795) pos3 = -95;if (pos4 > 795) pos4 = -95;if (document.layers) {document.layers[0].left = pos1;document.layers[1].left = pos2;document.layers[2].left = pos3;document.layers[3].left = pos4;}else {mouse1.style.left = pos1;mouse2.style.left = pos2;mouse3.style.left = pos3;mouse4.style.left = pos4;}window.setTimeout("next();",10);}</script><div id="mouse1"style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 165px; WIDTH: 100px"><dd><img alt border="0" src="/images/changshi.ico"> </dd></div><div id="mouse2"style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 250px; WIDTH: 100px"><dd><img alt border="0" src="/images/33567.ico"></dd></div><div id="mouse3"style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 333px; WIDTH: 100px"><dd><img alt border="0" src="/images/csrcode.ico"></dd></div><div id="mouse4"style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 415px; WIDTH: 100px"><dd><img alt border="0" src="/images/7caidy.ico"></dd></div></body></html><br><br><hr>
转载于:https://www.cnblogs.com/zhaozzm/p/4431642.html
页面上水平飞舞的图片相关推荐
- 一个页面上有大量的图片,加载很慢,你有哪些方法优化这些图片的加载?
一个页面上有大量的图片,加载很慢,你有哪些方法优化这些图片的加载? 1.使用 Sprites 图片技术 它将一个页面涉及到的所有零星图片都包含到一张大图中去,然后利用 CSS 技术展现出来.这样一来, ...
- 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验. 图片懒加载,滚动到相应位置才加载图片. 图片预加载,如果为幻灯片.相册等,将当前展示图片的前一张和 ...
- 一款js生成的不错的页面上雪花飞舞效果
不错的雪花飞舞效果,雪花飞舞的感觉怎么样?是不是很不一样?这里的雪花可是用JavaScript生成的哦,雪片数目.飘动速度都可以调节,值越大雪花飘落越慢,而且还可以根据浏览器的类型,代码调用的不同,也 ...
- 页面上有大量的图片,网页加载很慢,可以用哪些方法优化这些图片
对于图片懒加载,可以为页面添加一个滚动条事件,判断图片是否在可视区域内或者即将进入可视区域,优先加载. 如果为幻灯片.相册文件等,可以使用图片预加载技术,对于当前展示图片的前一张图片和后一张图片优先下 ...
- 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。...
a. 图片懒加载,滚动到相应位置才加载图片. b. 图片预加载,如果为幻灯片.相册等,将当前展示图片的前一张和后一张优先下载. c. 使用CSSsprite,SVGsprite,Iconfont.Ba ...
- qq好友发聚会照片html,在QQ朋友聊天页面上点击发送图片,打开后怎么同时可以点击几张图片一次性发送,...
在图片中画一个矩形区域,当鼠标经过区域时可点击,用X轴Y轴来做,直接跳转外部链接. !--定义一个图像 他的边框为0(border) usemap(指定该图像被用作图像地图) #mymap(所使用的图 ...
- php在文本框显示图片,多张图片上传后在页面上可以显示图片,在文本框显示地址怎么解决啊...
下边这个代码是我改的,试了下只能实现其中一个功能,如何可以实现多张图片上传后在页面上可以显示图片,在文本框显示地址呢. K('#J_selectImage').click(function() { e ...
- 使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理。距离远时图片放大,距离近时图片缩小
查看本章节 查看作业目录 需求说明: 使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理.距离远时图片放大,距离近 ...
- php怎么显示gif图片,如何让伪进度条在页面上显示成gif图像
在工作中为了方便,我们需要加上一些效果,这篇文章就和大家讲讲伪进度条如何在页面上显示gif图像,感兴趣的朋友可以参考一下,希望可以帮助到你. 最近做的一个项目中,点击某个操作后,由于后台做的事情比较多 ...
最新文章
- Tensorflow—变量
- 美国AI语音大牛转投小米!因政治正确遭名校JHU开除,其后怒拒FB百万美元合同...
- 【面试必备】javascript操作DOM元素
- Java中发送结构体
- 二维非稳态导热微分方程_室内湿度影响验证:非真空型稳态法导热仪的正确使用方式...
- 多元线性回归中多重共线性_多重共线性如何在线性回归中成为问题。
- c语言整形除法是五舍六入吗,四舍六入五成双 - C/C++论坛 - 51CTO技术论坛_中国领先的IT技术社区...
- 在知乎上泡了这么久,工作、工资、生活还是没有起色是什么原因?
- 什么是ETL?一文掌握ETL设计过程
- 多项目晶圆(MPW)服务
- 为什么要进行特征归一化/标准化?
- 夏日葵电商:从5大方面谈微信商城怎样提高用户体验度
- project euler 开坑
- 神经网络自我进化模型,神经网络自我进化方向
- 北京大学计算机辅助翻译招生计划,北京大学计算机辅助翻译硕士复习规划
- C语言文件的相对和绝对路径写法,文件路径写法
- Day4—自制操作系统
- 写一个判断素数的函数(isprime),在主函数输入一个正整数,输出是否是素数的信息。提示:int main(){int x=23; if (isprime(x)) print
- python语音标注平台_Python下的自然语言处理利器-LTP语言技术平台 pyltp 学习手札...
- 第12集 副词及其他
热门文章
- python脚本忽略MySQLdb的warnings
- php程序监听node.js程序和go程序
- 【聊透SpringMVC】java找不到指定文件
- 刚从阿里、头条面试回来,尚硅谷java数据结构与算法百度云
- python【蓝桥杯vip练习题库】BASIC-17矩阵乘法(枚举)
- 数据库常用对象概念讲解
- 把数据保存到cook_将用户信息保存到Cookie中
- python文件粉碎传输_python使用stuck 实现scoket编程实现文件传输
- java中function_Java 8:java.util.function中的TriFunction(和亲属)在哪里?还是有什么选择?...
- 网络营销外包浅析网络营销外包中网站排名效果不佳的原因有哪些?