`
kalogen
  • 浏览: 880036 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

在firefox中如何指定style.left和style.top

阅读更多

style.top = 12 + "px";

stle.left = 12 + "px":

在firefox下需要加上单位才行

分享到:
评论

相关推荐

    js放大缩小拖拽图片(兼容IE、火狐)

    本文将详细介绍一个JavaScript脚本,该脚本可以实现图片的放大、缩小以及拖拽功能,并且能够兼容Internet Explorer (IE) 和 Firefox 浏览器。通过这个脚本,我们可以为用户提供更加灵活的图片浏览体验。 #### 核心...

    js实现键盘控制图片的移动

    catch(a){ //对于Firefox来说,不支持event.keyCode key=KeyDown.arguments[0].keyCode; } switch(key) { case 40://40 down if(parseInt(control....

    js精确定位HTML标签的TOP和LEFT值

    本文将介绍一种兼容性较好的方法,通过JavaScript函数来获取指定元素的`top`和`left`坐标。 #### 获取元素位置的JavaScript函数 ```javascript function getElementPos(elementId) { var ua = navigator....

    Javascript在IE和FireFox中的兼容处理

    以上只是JavaScript在IE与Firefox中兼容性问题的一部分,实际开发中可能遇到更多细节。解决这些问题需要对两种浏览器的特性有深入理解,并使用条件注释、polyfills和现代JavaScript库(如jQuery)来确保代码在各种...

    javascript拖动窗口

    在火狐浏览器中,`element.style.left` 和 `element.style.top` 返回的是带有单位(如'px')的字符串,而其他一些浏览器可能返回数字。因此,我们需要使用`parseInt`或者`parseFloat`进行转换。此外,火狐可能对CSS...

    BlueBala » 兼容IE和Firefox的事件模型(拖动)

    在IE中,我们可以通过`onmousedown`、`onmousemove`和`onmouseup`事件来实现拖动,而在Firefox中,我们可以使用`addEventListener`添加这些事件的监听器。但这样的做法会导致代码的不兼容性,因为IE不支持`...

    js拖动窗口

    本教程将深入探讨如何使用JavaScript实现这一功能,包括原生方法和面向对象(OOP)的封装技巧,同时确保兼容性涵盖IE6、Firefox和Chrome等主流浏览器。 一、JavaScript拖动窗口原生写法 1. 首先,我们需要选择一个...

    js弹出遮罩提示框支持IE,firefox

    本文将深入探讨如何使用JavaScript实现一个兼容IE和Firefox浏览器的弹出遮罩提示框,并且会涉及到一些很酷的效果。 首先,我们需要理解“遮罩”和“提示框”的概念。遮罩通常是一个半透明的层,覆盖在网页的主内容...

    原生js获取left值和top值的三种方法

    在JavaScript中,获取元素的`left`和`top`值对于实现动态效果,特别是涉及到绝对定位元素的操作,是非常重要的。以下将详细介绍三种原生JavaScript获取`left`和`top`值的方法。 ### 第一种方法:直接通过`style`...

    javascript下操作css的float属性的特殊写法

    这是因为IE浏览器(尤其是早期版本)使用了不同的语法`style.styleFloat`,而其他浏览器(如Firefox、Chrome、Safari、Opera等)则使用`style.cssFloat`。因此,为了兼容性,我们需要根据浏览器环境来选择正确的属性...

    用JS实现和google地图类似的图片查看器-放大、缩小、移动和还原,都控制在div里,兼容ie,FF

    这个查看器将具备放大、缩小、移动和还原图片的功能,并且能够在浏览器的div元素内运行,同时兼容Internet Explorer(IE)和Firefox等主流浏览器。 ### 1. 基本结构与HTML布局 首先,我们需要创建一个HTML页面,...

    JS遮罩层效果

    例如,如果遇到遮罩层在Firefox中无法完全覆盖的问题,可以尝试添加`z-index`属性以确保其位于最上方。 6. 动态调整遮罩层大小: 当页面内容发生变化时,可以监听`resize`事件,实时调整遮罩层的尺寸,确保始终...

    JavaScript实现弹出层的移动 兼容IE和Firefox

    首先,我们需要获取到弹出层的DOM元素,然后通过修改其style对象中的left和top属性来改变其在页面上的位置。 例如,假设我们有一个id为"popup"的弹出层: ```javascript var popup = document.getElementById('...

    javascript实现右键菜单,兼容IE,火狐

    在网页开发中,右键菜单通常用于提供用户自定义的操作选项,比如保存、复制、查看源代码等。JavaScript 是一种广泛使用的客户端脚本语言,它允许我们动态地操控网页元素,包括实现自定义的右键菜单功能。这篇文章将...

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    本文将深入探讨FireFox火狐浏览器与Internet Explorer(简称IE)在处理特定CSS属性——尤其是滤镜效果方面存在的差异,并通过具体的示例代码来说明这些差异。 #### 一、概述 FireFox和IE作为两大主流浏览器,在其...

    支持火狐层拖动,返回层

    在IT领域,尤其是在Web开发中,"支持火狐层拖动,返回层"是一个常见的交互设计需求。这个标题和描述暗示我们关注的是JavaScript技术,特别是关于网页元素的拖放(Drag and Drop)功能,以及如何在火狐浏览器上实现这...

    js获取div的位置坐标

    此方法只适用于基于 Gecko 的浏览器(如 Firefox),它可以返回一个包含元素边框和内边距的 Box 对象。 ```javascript if (document.getBoxObjectFor) { // Gecko 浏览器 var box = document.getBoxObjectFor(el); ...

    js中getBoundingClientRect的作用及兼容方案详解.docx

    通过调用此方法,可以获取到元素的 `top`、`right`、`bottom` 和 `left` 属性值,以及 `width` 和 `height`(在某些浏览器中),这些属性以一个对象的形式返回。 #### 二、`getBoundingClientRect` 的使用示例 1. ...

    asp.net菜单(很简单)

    this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px" if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){ if (obj2.parentNode.className.indexOf("default")==-1) //...

    左导航栏隐藏+上导航栏隐藏

    为了使功能在IE6.0及Firefox中正常工作,我们需要确保JavaScript代码遵循ECMAScript 3规范,避免使用ES5或更高版本的新特性。同时,CSS也需要兼容这些老版本的浏览器,可能需要避免使用某些高级选择器和属性。 在...

Global site tag (gtag.js) - Google Analytics