didiaidada 2015-04-03 02:28 采纳率: 0%
浏览 1732

jquery设置向左浮动之后再设置向右运动无法实现

 <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>1</title>
    <script src="../../try/jquery-2.1.3.js"></script>
    <script>
        $(function(){
            $("#panel").click(
                    function(){
                        $(this).animate({left: "1000px"},3000)
                                .animate({right: "1000px"},3000);
                    })
        })
    </script>
    <style>
        #panel{
            position: relative;
            width: 100px;
            height: 100px;
            border: 1px solid #0050D0;
            background: #96E555;
            cursor: pointer;
        }
    </style>
</head>
<body>
  <div id="panel"></div>
</body>
</html>
  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2015-04-03 03:02
    关注

    left和right原本就冲突。。你要是想还原设置left为0就好了

             $(function () {
            $("#panel").click(
                    function () {
                        $(this).animate({ left: "1000px" }, 3000)
                                .animate({ left: "0px" }, 3000);
                    })
        })
    评论

报告相同问题？

  • jquery实现红色竖向多级向右展开的导航菜单效果
    2020-10-23 16:40
    - .nav：定义了导航菜单的外层布局，使用了float:left属性使导航菜单向左浮动。 - h2, ul, p：统一设置margin和padding为0，以及文本的居中显示。 - h2：定义了背景色为深红色，底部边框为深红色实线。 - h2 a：...
  • jQuery实现公告文字左右滚动的实例代码
    2020-10-26 19:06
    然后，将新创建的div元素添加到目标对象中，并设置其样式为左浮动（float: left），并设置光标样式为默认（cursor: default）。 最后，需要注意的是代码中涉及到的OCR扫描错误，这是由于扫描文档时技术限制导致的...
  • jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
    2020-10-23 11:07
    5. **CSS浮动布局**：`.kefu_cs.floatL`和`.kefu_cs.floatR`这两个类使用了CSS的`float`属性，分别设置为向左浮动和向右浮动，用于控制客服按钮和客服窗口的水平布局。 6. **jQuery插件的引入**：文档中提到了引入...
  • jquery滚动下拉显示左右浮动导航.zip
    2022-11-21 11:31
    `float: left`会让元素向左浮动，`float: right`则向右浮动。例如： ```css .navbar a { float: left; /* 或者 'right' */ margin-right: 10px; /* 为相邻元素添加间隔 */ } ``` 这里，`a`标签代表导航链接，`...
  • jQuery图片堆叠左右切换插件
    2021-06-24 13:22
    可能使用了浮动（float）、定位（positioning）或者Flexbox、Grid等现代布局方式，将图片排列在水平线上，相互重叠部分仅显示最前端的图片。通过调整z-index属性，可以控制图片的前后顺序，实现切换时的层次感。 2....
  • jQuery左右分页滑动.zip
    2022-11-24 12:31
    3. 使用jQuery绑定滑动事件，当用户向左或向右滑动时，触发相应操作。 4. 编写JavaScript函数，根据滑动方向加载新的页面内容或切换到下一页。 5. 可能会使用Ajax异步加载内容，以提供流畅的用户体验，避免页面刷新...
  • 前端原生js点击按钮向右移动div
    2022-08-19 16:23
    MFG_666的博客 前端原生js点击按钮向右移动div
  • jquery仿百度百科底部浮动导航特效
    2020-10-23 19:26
    - `.content` 类定义了主要内容区域的宽度为780px，向左浮动。 - `.slide` 类定义了侧边栏的宽度为200px，向右浮动。 3. HTML结构的组织：在HTML部分，页面被组织为主要内容区域和侧边栏区域。主要内容区域包括了...
  • jquery向左向右无缝滚动
    2016-01-28 11:18
    **jQuery向左向右无缝滚动实现详解** 在网页设计中，动态效果往往能吸引用户的注意力，提高用户体验。其中，图片的向左向右无缝滚动是一种常见的动态展示方式，尤其适用于展示产品系列或新闻更新等场景。本文将详细...
  • html 菜单左右滑动效果,JQuery实现左右滚动菜单特效
    2021-06-11 10:16
    weixin_39982537的博客 经过了半天的时间，这个使用JQuery开发出来的左右滚动菜单功能也算是完成了，暂时还没有发现错误的现象。现在把代码完整的代码拿出来分享！scrollable.jsJQuery左右滚动菜单特效脚本代码引用片段：scrollable = ...
  • 没有解决我的问题, 去提问