html向上移动图片代码,图片随网页上下移动的代码实例
我们以腾讯QQ网页在线客服为例,大家将代码拷到DW中,用心体会。
图片随网页上下移动的代码实例
function picsize(obj,MaxWidth){
img=new Image();
img.src="/obj.src";
if (img.width>MaxWidth)
{
return MaxWidth;
}
else
{
return img.width;
}
}
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;
}
var online= new Array();
|
||||||||||||
function FloatTop()
{
var startX1 =document.body.offsetWidth-125 ,startY1 = 5;
var startX2 =0,startY2 = 95;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id,startX,startY)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
el.y = startY;
return el;
}
window.stayTopLeft=function()
{
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY1 - ftlObj.y)/8;
ftlObj1.y += (pY + startY2 - ftlObj1.y)/8;
ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y);
ftlObj1.sP(ftlObj1.x, ftlObj1.y);
setTimeout("stayTopLeft()", 30);
}
// ftlObj = ml("divStay",document.body.scrollLeft+document.body.offsetWidth-125,0);
// ftlObj1 = ml("divStayTopLeft",0,30);
ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+379,0);
ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+379,30);
stayTopLeft();
}
FloatTop();
html向上移动图片代码,图片随网页上下移动的代码实例相关推荐
- java调色板代码_简易网页调色板功能调用代码_html
简易网页调色板功能调用代码 colorSelect('色值输入框ID','显示色值的容器ID',event) 调用起来很简单,任何物品onClick就可以. 以下是html网页特效代码,点击运行按钮可 ...
- html个个代码的意思,网页HTML中各个代码意思大全
网页HTML代码中的h1,p,a,tr,td--分别代表什么意思?相信还有很多人都不太了解,现在我们就具体讲一下它们的意思及用法: 网页HTML中各个代码意思大全 网页HTML代码中的h1,p,a,t ...
- html添加实时视频的代码,关于添加网页视频的html代码
首先你要找一个视频网站在视频文件上右击属性,你就可以看见视频文件的地址,把这个地址复制链接到你网站文字中去就可以了. 参考网站: 关于swf的如下: 如何下载网上的Flash? ----------- ...
- html天气插件iframe,分享常用7款天气预报代码iframe嵌入网页方式
如果在网站上加入天气预报功能,你找不到更好的天气预报代码,可以看下本站和大家分享的7款天气预报代码iframe嵌入网页方式. 天气预报代码1 src='http://appnews.qq.com/cg ...
- HTML阅读打开点击不了,如何让网页文章中的代码可以点击运行
在网页中运行代码 HTML5学堂:很多代码网站当中,都会提供运行代码段功能,便于查看代码效果,那么这个是如何实现的呢?一起来看一下--如何在网页中运行代码. HTML5学堂-刘国利said:应该是在2 ...
- html document.location转到另一个网页,常用跳转代码 打开网页转到其他网址
打开立马跳转 其他收藏记录 收集了几种比较经典.比较全的跳转代码和加载代码,做自己个人网站的时候经常用到,下面分享给大家: window.location.href='http://www.webuc ...
- csv python 图片 存_Python|任意网页中的所有网址的保存
参考程序: import requestsfrom bs4 import BeautifulSoupimport pandas as pdurl = 'https://movie.douban.com ...
- webview加载html图片不显示图片,WebView加载网页不显示图片解决办法
对于大家来讲WebView肯定很熟悉,因为我们在日常开发中经常用到它.所以对于它的一些基本用法我就不在这啰嗦了,直接进入正题. 我遇到的问题就是在使用WebView加载网页的时候图片不显示(我手机系统 ...
- 带后台管理的超酷jquery+ajax幻灯相册php源码,仿门户网图片频道的jQuery幻灯相册轮播代码...
推荐 jquery画廊特效 支持缩略图预览和全屏展示及图片描述 这是款基于jquery的画廊相册特效,功能较全面,可支持缩略小图预览,幻灯图片全屏展示,可显示多种规格的图片,包括全屏显示高清大图,以及 ...
- Deep Zoom 让高清图片在你的网页中飞起来
很多站长和博主都有关于高清图片怎么放在页面上的困惑. 图片文件太大了, 加载时间就会很长,我相信没人愿意为了看一张图片要等个10几秒钟. 就算页面不需要用户的等待, 一大块空白的区域, 用户体验也就好 ...
最新文章
- web本地存储-IndexedDB
- 求一个集合的所有子集 Python实现
- 初次运行git前的配置
- 单应性矩阵和仿射变换_单应矩阵 基本矩阵 本质矩阵的区别与联系
- python网络编程——IO多路复用之epoll
- php asp 语法,ASP 语法
- JMM模型到并发编程
- 周鸿祎:物联网时代的三大威胁
- 虚拟机挂载新虚拟硬盘步骤
- 用T-SQL修改数据库的恢复模型
- Linux C++线程池框架
- html滚动轮播图片代码,html 无缝轮播图完整代码
- 全球及中国城市规划行业十四五建设方向与运营动态分析报告2022版
- 指纹识别传感器技术演变历程
- 勒让德函数C语言编程设计,用递归方法求n阶勒让德多项式的值
- 安装vim的最新版本
- 人工智能实战2019第八次作业 16721088 焦宇恒
- winrar 去广告_winRAR去广告版软件安装教程
- 入门交互设计的4个步骤
- Java学习_Day 10(学习内容:尚硅谷集合JAVA零基础P523-P533)
热门文章
- Cain嗅探工具的DNS欺骗
- DDR和LPDDR、LPDDR4和LPDDR4X的区别 LPDDR5
- Swift 使用AVPlayer 和 AVPlayerItem 做语音播放
- 5G投资理财H5源码+带独家代理二开前端开发/学习培训专用型
- python操作cad的模块_怎么把freecad当python模块来用
- stc15f2k60s2单片机控制led流水灯
- dlibdotnet 人脸相似度源代码_HAAR与DLib的实时人脸检测之实现与对比
- MATLAB中MRE误差怎么算,『怎样用excel 求RMSE(均方根误差)和MRE(平均相对误差),不知道选计算函数中的哪个,非常谢谢。』excle怎么算均方误差...
- 论文《基于FPGA 的CFAR 设计与实现》复现
- android当无线鼠标代码,如何将安卓手机变身为无线鼠标