jquery 怎么让一块DIV 向左边滑动然后隐藏

jquery 怎么让一块DIV 向左边滑动然后隐藏

第1个回答  2014-01-21
http://www.w3school.com.cn/jquery/jquery_effects.asp

JQUERY的动画说明在这里,你可以看到例子,用法,和说明,,刚好那里就有向左滑动隐藏的例子。

第2个回答  2014-01-21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Panel</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            padding: 60px;
        }

        #panel {
            position: relative;
            width: 100px;
            height: 100px;
            border: 1px solid #0050D0;
            background: #96E555;
            cursor: pointer;
        }
    </style>
    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#panel").click(function () {
                $(this).animate({ left: "500px" }, 3000)
                    .fadeOut("slow");
            })
        })
    </script>
</head>
<body>
    <div id="panel"></div>
</body>
</html>

第3个回答  推荐于2016-05-08

    熟练掌握animate方法

    自己思考如何实现你要的slideLeft方法

    想不出来就用前端调试工具查看dom的变化

    隐藏就用animate的回调函数实现。

本回答被提问者和网友采纳

用jquery怎么实现点击显示,再一次点击隐藏
1、Jquery使用内置的show和hide方法就可以实现,具体的操作步骤首先需要打开hbuilder编辑器,新建一个a标签和一段隐藏的div,设置好它们的id属性,并设置一些简单的样式:2、然后引入Jquery的库文件,编写代码。首先获取a标签的dom并给它加一个click事件,在click的回调中判断div是否为隐藏状态,是的话就隐...

js控制div显示隐藏实现(jquery控制div显示隐藏)
首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。03 接着用js来实现显示,隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式,有则删除这个样式,即显示div。如果没有,则添加一个hide的样式,即隐...

怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"><\/script><script>\/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*\/$(function(){$('#d1').click(function(){\/\/给d1绑定一个点击事件; \/*这...

jquery怎么实现左右滑动的问题
<div style="float:left"> <input id="hide" type="button" value="隐藏" \/> <\/div>

用jquery怎么实现点击显示,再一次点击隐藏
给需要隐藏的元素一个状态属性如bs=1,点击时先判断一下状态然后再执行显示隐藏

一个div 在页面的中间显示,当滑动滚动条的时候,div向上移动,移动到浏 ...
加载jquery插件 ebooking_fs这个换成要浮动的div的id <script type="text\/javascript"> \/\/search-box 随屏幕滚动 var _box_y = $("#ebooking_fs").offset().top;var _box_x = $("#ebooking_fs").offset().left;(window).scroll(function(){ if($(window).scrollTop() > _box_y){...

页面划动到一个地方,隐藏的div展示出来,怎么实现
1、首先给鼠标经过的DIV添加一个类,类名为submeau。2、其次给隐藏的DIV,添加一个ID,ID名为id=“oa_submeau”。3、最后将JQUERY代码放在整个网页的最底部,用于控制鼠标经过显示DIV,离开隐藏DIV,即可完成页面划动到一个地方隐藏的div展示出来。

jquery点击一个div显示再次点击这个div隐藏
--$(".btn")是找到class="btn"的信息,$(".div")就是找到class="div",is(":visible")判断是否div隐藏起来,隐藏就让其显示出来.show()显示的方法,.hide()隐藏的方法(深圳网站建设:www.sz886.com)--><script type="text\/javascript" src="http:\/\/www.sz886.com\/js\/jquery-1.9.1....

jquery点击一个div显示再次点击隐藏
如果是必须追加显示的话,再次点击就需要清除 \/\/同样在点击事件中判断是否已经追加过div了 (".Topstorya").on("click",functiton(){ if($(".ysa").length>0){\/\/追加的div最好保持唯一性 \/\/此为已存在追加的div $(".ysa").remove(); }else{ \/\/此处为你原来的追加div代...

怎么用jquery实现一个div的移动
应该很容易啊,两个div,div1里放取到的题,div2为“点击继续取题”,div2放在div1的下面,这样每次取到的值都放在了div1里,div2不就一直在最后一个题的后面了吗

相似回答