jquery怎么设置left - ITeye问答

问答首页 → Web前端技术

0 0

jquery怎么设置left5

$("div").offset().top=21;
这样好像不行。
要怎么写？
问题补充：
$("div").offset().top=21;
这样好像不行。
要怎么写？

$(document).ready(function(){
	$.each($(".item"),function(i,o){
		$(o).mouseover(function(){
		var off=$("#more").offset();
			off.left=$(o).offset().left+10+"px";
			off.top=$(o).offset().top;
			$("#more").show();
		});
		$(o).mouseout(function(){
			$("#more").hide();
		});
	});

});

<div id="more">more</div>
<div class="item">one</div><div class="item">one</div><div class="item">one</div><div class="item">one</div>

问题补充：
$("div").offset().top=21;
这样好像不行。
要怎么写？
<strong>问题补充：</strong>
$("div").offset().top=21;
这样好像不行。
要怎么写？

<pre name="code" class="java">$(document).ready(function(){
$.each($(".item"),function(i,o){
$(o).mouseover(function(){
var off=$("#more").offset();
off.left=$(o).offset().left+10+"px";
off.top=$(o).offset().top;
$("#more").show();
});
$(o).mouseout(function(){
$("#more").hide();
});
});

});
</pre>

<pre name="code" class="java">
<div id="more">more</div>
<div class="item">one</div><div class="item">one</div><div class="item">one</div><div class="item">one</div>
</pre>


.item{
	border: 1px solid #999999;
	width:100px;
	float:left;
	margin-left:20px;
	height:200px;
}
#more{
	background-color:#999999;
	width:100px;
	height:200px;
	position:absolute;
	display:none;
}

问题补充：
$("div").offset().top=21;
这样好像不行。
要怎么写？
<strong>问题补充：</strong>
$("div").offset().top=21;
这样好像不行。
要怎么写？

<pre name="code" class="java">$(document).ready(function(){
$.each($(".item"),function(i,o){
$(o).mouseover(function(){
var off=$("#more").offset();
off.left=$(o).offset().left+10+"px";
off.top=$(o).offset().top;
$("#more").show();
});
$(o).mouseout(function(){
$("#more").hide();
});
});

});
</pre>

<pre name="code" class="java">
<div id="more">more</div>
<div class="item">one</div><div class="item">one</div><div class="item">one</div><div class="item">one</div>
</pre>

<pre name="code" class="java">

.item{
border: 1px solid #999999;
width:100px;
float:left;
margin-left:20px;
height:200px;
}
#more{
background-color:#999999;
width:100px;
height:200px;
position:absolute;
display:none;
}</pre>
问题补充：
adddddddd

2008年11月19日 18:36

huayiluo
20
0 0 0

1个答案按时间排序按投票排序

0 0

采纳的答案

引用

jquery怎么设置left

$("div").offsetLeft=21;

<div id="myDiv">id="myDiv"</div>

var p = $("#myDiv");
var offset = p.offset();
offset.top = 100;
offset.left = 100;

2008年11月19日 20:02

bohemia
2361
0 0 0

添加评论

相关推荐

jquery left menu: jQuery左菜单（jQuery Left Menu）是一种常见的网页布局方式，它通常出现在网页的左侧，用于展示网站的主要分类或子分类。这种菜单设计的优势在于节省空间，同时提供清晰的层级结构，使用户能够快速找到所需信息。...

使用Jquery设置表头固定: 在设置表头固定的过程中，Jquery可以帮助我们轻松地绑定事件、获取和修改DOM元素，以及实现动态效果。首先，我们需要创建一个包含表头和主体的表格结构。HTML代码可能如下： ```html 列1 列2 列3 ...

jquery实现简单的人物跑动: 本教程将深入讲解如何使用jQuery来实现一个简单的人物跑动效果，这对于初学者来说是一个很好的起点。首先，理解jQuery的核心概念至关重要。jQuery通过选择器选取DOM元素，然后对这些元素进行操作。例如，`$("#...

jQuery滑动拖动设置时间日期范围选择器代码: 本篇文章将深入探讨如何利用jQuery实现滑动拖动设置时间日期范围选择器的功能，这对于构建用户友好的Web应用尤其有用。首先，我们需要理解jQuery的基本语法和API。jQuery对象通常用"$"表示，它可以用来选择DOM元素...

插件jquery.range-水印设置.rar: 在这个“jquery.range-水印设置.rar”压缩包中，我们重点关注的是如何利用jQuery来实现一种动态的、可自定义的水印效果。水印在网页设计中常常用于添加版权信息或为背景添加微妙的视觉元素，而这里的实现是通过...

jquery-1.12.4-jquery.min.js.zip: 3. **动画效果**：jQuery 的`.animate()`方法让创建复杂的动画变得轻松，例如`$("div").animate({left: '+=50'}, 500)`会将指定div向右移动50像素，持续500毫秒。 4. **Ajax交互**：jQuery的`.ajax()`方法是进行...

jQuery.mmenu-jquery.mobile最好看的侧边菜单: 1. **初始化设置**：首先，在HTML文件中引入jQuery.js、jQuery Mobile.js和jQuery.mmenu.js的相关库。确保正确放置引用顺序，通常jQuery先于jQuery Mobile和jQuery.mmenu加载。 2. **HTML结构**：创建基本的菜单HTML...

简单易用的倒计时插件——jQuery.downCount.js.zip: **jQuery.downCount.js插件详解** 在Web开发中，倒计时功能经常被用于各种应用场景，比如活动开始、产品发布、考试倒计时等。jQuery.downCount.js是一款简单易用的jQuery插件，专为实现这种功能而设计。本文将详细...

jquery引用文件——jquery.js: $('#myElement').animate({left: '+=50'}, 1000); // 向右移动50像素，持续1秒 ``` 4. Ajax交互：使用`.ajax()`或简化的`.get()`、`.post()`方法进行异步数据请求： ```javascript $.get('data.json', ...

jquery.marquee.js官方下载: 《jQuery Marquee插件详解与应用》在Web开发中，滚动效果经常被用来吸引用户的注意力，例如新闻头条、广告横幅等。jQuery Marquee插件就是为实现这种滚动效果而设计的一个轻量级库，它使开发者能够方便地在网页上...

jquery多风格多功能滚动特效代码插件jquery.liMarquee.js下载.zip: direction: 'left', // 滚动方向，可选'left'、'right'、'up'、'down' speed: 5000, // 滚动速度，单位毫秒 pauseOnHover: true // 鼠标悬停时暂停滚动 }); }); 你的滚动内容... ``` 三、主要特性 1. **多...

jQuery左右滚动。: 在jQuery中，左右滚动可以通过改变元素的CSS属性`left`或`transform`来实现。这里我们将探讨如何使用jQuery实现这一功能，并结合一些基本的HTML和CSS知识来创建一个简单的左右滚动示例。首先，我们需要在HTML文档...

jquery.js 工具文件: 1. 获取和设置元素属性：jQuery提供了`.attr()`方法来获取或设置元素的属性。例如，获取并设置一个输入框的value值： ```javascript var value = $("#inputBox").val(); $("#inputBox").val("新的值"); ``` 2. 添加...

jquery实现简单图片的拖动: 为了使拖动体验更佳，还可以添加一些额外的功能，如限制图片在容器内拖动，设置拖动边界，或者在拖动过程中提供视觉反馈。这些都可以通过调整和完善上面的代码实现。在实际项目中，可能还需要考虑触摸设备的兼容性，...

jquery 实现左右等高: 3. **jQuery 插件**：编写 jQuery 代码来计算并设置高度。这里可以创建一个自定义插件，遍历所有需要等高的元素，找出最高元素的高度，并将其应用于其他元素。例如： ```javascript (function($) { $.fn....

jquery设置控件位置的方法: 本文将详细讲解如何使用jQuery来设置控件的位置。首先，我们需要理解CSS中的`position`属性。这是一个至关重要的属性，因为它决定了元素如何在页面上定位。`position`属性有五种可能的值：`static`、`relative`、`...

jquery css 跑步效果: 1. **HTML结构**：首先，你需要在HTML中创建一个表示跑步者的元素，例如一个`<div>`，并为其设置合适的类名，以便在CSS和jQuery中引用。 2. **CSS样式**：使用CSS设置跑步者的基本样式，包括宽度、高度、背景图片...

jquery实现的网页水印: 4. 通过`jQuery`选择器和DOM操作动态设置水印文本和样式。这个过程展示了`jQuery`如何与CSS和JavaScript事件配合，以实现动态、自适应的网页功能。通过理解这些原理，你可以根据需要自定义自己的水印效果，甚至...

Jquery-visible: - **自定义阈值**: 你可以设置一个阈值来决定元素必须有多少部分在视口内才认为是可见的。例如，`element.visible(0.5)` 表示元素至少要有50%的部分在视口内才被认为是可见的。 - **事件绑定**: 你还可以监听元素的...

表单验证jquery插件: 你可以通过 `promptPosition` 参数来调整提示的位置，如 `topLeft`、`bottomLeft` 等。 ## 4. 进阶应用 - **动态验证**：你可以在表单提交前、按钮点击后等事件中调用 `$.validationEngine('validate')` 来触发...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics