html标签始终在右下角,html+javascript实现图片始终在页面右下角

标题页

function setVariables() {

imgwidth=235; //图像的宽度

imgheight=19; //图像的高度

if (navigator.appName == "Netscape") { //netscape下的位置设置

horz=".left";

vert=".top";

docStyle="document.";

styleDoc="";

innerW="window.innerWidth";

innerH="window.innerHeight";

offsetX="window.pageXOffset";

offsetY="window.pageYOffset";

}

else { //ie下的位置设置

horz=".pixelLeft";

vert=".pixelTop";

docStyle="";

styleDoc=".style";

innerW="document.body.clientWidth";

innerH="document.body.clientHeight";

offsetX="document.body.scrollLeft";

offsetY="document.body.scrollTop";

}

function checkLocation()

{

objectXY="rightBottom"; //获取始终显示在右下角的div

var availableX=eval(innerW); //最大x坐标

var availableY=eval(innerH); //最大y坐标

var currentX=eval(offsetX); //鼠标当前的x坐标

var currentY=eval(offsetY); //鼠标当前的y坐标

x=availableX-(imgwidth+30)+currentX; //最终div的x坐标

y=availableY-(imgheight+20)+currentY;//最终div的y坐标

evalMove();

setTimeout("checkLocation()",10); //定时移动

}

function evalMove() { //移动到指定位置

eval(docStyle + objectXY + styleDoc + horz + "=" + x);

eval(docStyle + objectXY + styleDoc + vert + "=" + y);

}

aaa

html标签始终在右下角,html+javascript实现图片始终在页面右下角相关推荐

JavaScript插件图片裁剪photoClip
阅读目录 JavaScript插件图片裁剪 photoClip 1.截图 2.代码后台接收并处理图片代码 JavaScript插件图片裁剪 photoClip 页面裁剪图片得到 base64 格式的 ...
javascript判断图片是否加载完成方法整理
有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果.本文主要整理了几种常见的javascipt判断图片加载 ...
html实现图片加载动画效果,HTML5+javascript实现图片加载进度动画效果
在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个. 图片加载完后,隐藏loading效果. 想看加载效果,请ctrel+F5强制刷新或者清理缓存. 效果预览: 0% 代码如下: ...
asp.net 页面右下角弹出类似QQ或MSN的消息提示
<HTML><HEAD> <TITLE>网页特效观止|JsCode.CN|---页面右下角弹出类似QQ或MSN的消息提示</TITLE> <SCR ...
php 自动拉伸图片,实例详解Javascript防止图片拉伸的自适应处理
相信大家在日常的web开发中,作为前端经常会遇到处理图片拉伸问题的情况.本文主要给大家介绍了关于利用Javascript防止图片拉伸的自适应处理方法,文中通过示例代码介绍的非常详细,对大家的学习或者工 ...
JavaScript 实现图片上传前本地预览
JavaScript 实现图片上传前本地预览图片上传前预览,应该算是一个普遍的需求,很多时候可能选中的图片并不是想要的那张,所以需要上传前预览下. JS(浏览器中)是一门特殊的语言,它没有直接读写磁 ...
【JavaScript】图片的懒加载
[JavaScript]图片的懒加载文章目录 [JavaScript]图片的懒加载 1. 懒加载 2. 利用`scroll`事件利用`HTMLElement.offsetTop` 利用`Eleme ...
JavaScript之图片切换（类似淘宝商品图切换）
JavaScript之图片切换下边给出几种方法进行图片切换: 方法一(小白专用款!简单易懂) 下边附上代码: <!DOCTYPE html> <html lang="en ...
Web页面右下角弹出窗口示例代码
Web页面右下角弹出窗口示例代码声明:本代码来源于CSDN论坛,原帖为http://community.csdn.net/Expert/TopicView3.asp?id=5239784 版权归原作 ...

html标签始终在右下角,html+javascript实现图片始终在页面右下角

html标签始终在右下角,html+javascript实现图片始终在页面右下角相关推荐

最新文章

热门文章