-
奇了怪了！jquery对top和left的animate怎么没效果5
<script language="JavaScript"> $(function(){ $("#slide_left").click(slide); }); var slide = function(){ $("p").animate({ left: 100 }, 500); } </script><input id="slide_left" type="button" value="slide_left"> <p>p</p>
实在没搞明白为什么没效果 ？2008年10月31日 14:52
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
补充:
p的parentNode的position的设置对p的absolute有影响.
你可以设置
p的parentNode的position
为
relative或static试试看2008年11月08日 14:33
-
<script language="JavaScript">
$(document).ready(function(){
$("#slide_left").click(function(){
$("p").animate({ left: '100px' }, 500);
});
})
</script>
给个那p标签加上
p{
position: absolute;
}2008年11月05日 09:04
相关推荐
总结，`animate()`是jQuery实现动画效果的重要工具，它的灵活性和易用性使得动态效果的创建变得简单。通过对`animate()`的深入理解和实践，开发者可以创造出各种各样的网页交互，提升用户体验。在实际项目中，记得...
jquery animate图片模向滑动示例，适用于展示图片太多的页面，通过点击左右方向按钮，滑动展示更多的图片。功能简单，在IE、Firefox、谷歌浏览器 通过测试。详细示例图片。jquery animate() 用于创建自定义动画的...
这里的animate()方法中的CSS属性（left、top、opacity和width）会被平滑地过渡到指定的新值。当动画结束后，回调函数会将商品图标定位到购物车的中心。 除了基本的动画效果，animate()方法还支持缓动函数，如linear...
例如，`display:none` 可以隐藏元素，`position:absolute` 和 `left/top` 可以进行绝对定位，实现图片的滑动效果。 3. **动画效果**：jQuery 的 `.animate()` 方法是实现平滑过渡的关键。通过指定动画的属性（如 `...
Animate是jQuery的一个核心功能，它允许开发者创建平滑、高性能的动画效果，而无需深入理解复杂的CSS和JavaScript底层机制。这个"jQuery+Animate+Demo+By_褪色"的项目可能是由一个名为“褪色”的开发者创建的，旨在...
总的来说，jQuery图片渐变效果是通过结合jQuery的动画功能和CSS的样式控制，来实现图片的平滑过渡。开发者可以根据需求调整动画的速度、延迟、循环次数等参数，以创造出各种各样的视觉效果，提升网页的互动性和吸引...
7. **自定义动画**：除了预定义的动画，还可以通过`.animate()`创建自定义动画，指定任何CSS数值属性（如`left`、`top`、`width`等）的变化。 8. **组合动画**：多个动画可以通过链式调用来同时执行，例如`$("#...
jQuery的animate()函数是JavaScript库jQuery中的一个核心方法，它为网页添加了丰富的动态效果，使得页面元素的改变更加平滑、自然。在本例中，我们将探讨如何使用animate()来实现图文切换的动画效果，这在许多网页...
在本文中，我们将深入探讨如何使用jQuery的animate()方法实现图片的横向滑动效果。`jQuery` 是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理和动画效果。`animate()`函数是jQuery中用于创建自定义动画的...
摇晃动画可以通过改变元素的`left`和`top`属性实现，结合使用`animate`函数： ```javascript function shakeImage(element, distance, duration, times) { for (var i = 0; i ; i++) { element.animate({ left: '...
3. **jQuery选择器和遍历**：在实现图片滚动效果时，我们需要选择所有的图片元素，并对它们进行操作。jQuery提供了丰富的选择器，如`$("img")`，以及遍历方法，如`.each()`，来处理这些元素。 4. **动画效果**：...
"jQuery文字图片抖动效果代码"是一个实现这种视觉特效的资源，它利用jQuery库来创建文字和图片的抖动动画。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互，使得开发者能够更...
【jQuery地震效果实现详解】 jQuery，作为一款广泛使用的JavaScript库，因其简洁的API和丰富的功能而深受开发者喜爱。在描述中提到的“百度首页2012地震效果”是一个利用jQuery实现的动态特效，旨在模拟地震场景，...
6. **平移效果**：通过改变left和top属性，可以实现弹出层在屏幕上的移动效果，例如从屏幕边缘滑出或滑入。 7. **渐变颜色效果**：结合CSS3的transition和background-color属性，可以实现背景颜色的平滑变化，为弹...
在本文中，我们将深入探讨如何使用jQuery框架来创建鼠标的图片动画效果。jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画效果以及AJAX交互，使得开发者能够更高效地构建动态网页。 首先，要实现...
在本篇文章中，作者主要探讨了如何利用jQuery的animate()方法和CSS3属性相结合来实现一种缓动追逐效果。通过这种方式，可以在现代网页中创建更加平滑和吸引人的动画效果，提升用户体验。下面，我将详细阐述这一技术...
总结来说，"jQuery文本框输入文字飞出动画效果"是一个结合了jQuery事件处理、动画和DOM操作的实例，它展示了如何通过JavaScript动态地响应用户输入，创造出吸引人的视觉效果。在实际开发中，这样的技巧可以提升网站...
7. 为了保证动画的流畅性和兼容性，在调整样式属性时需要区分处理数字和字符串，尤其是像`width`和`height`这样的属性，它们在JavaScript中应以数字（不带单位）的形式存在，而像`top`、`left`这样的属性则需要添加`...
在图片开门效果中，我们需要调整图片的四个部分的位置，这可以通过设置`left`、`right`、`top`和`bottom`属性实现。 4. **动画效果**：jQuery的`.animate()`方法是实现动画效果的关键。通过设定时间和缓动函数，...
这个函数允许我们平滑地改变CSS属性，如`left`、`top`、`width`等，从而实现元素的移动和变形。在翻页效果中，我们可能需要调整图片的位置和大小，使其从一侧滑入或滑出，模拟真实的翻页动作。此外，还可以结合CSS3...