Javascript 淡出div需要帮助吗_Javascript_Jquery_Html_Css

Javascript 淡出div需要帮助吗

javascript jquery html css

Javascript 淡出div需要帮助吗,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用提供的js函数淡入/淡出关于div的类。但是这个方法不起作用，我需要一些解决这个问题的方法。您的解决方案将不胜感激 ASPX文件： <body> <form id="form1" runat="server" > <div> <input class="btn1" type="button" value="button" /> <input class="btn2" type="button" value=

我正在尝试使用提供的js函数淡入/淡出关于div的类。但是这个方法不起作用，我需要一些解决这个问题的方法。您的解决方案将不胜感激

ASPX文件：

<body>
 <form id="form1" runat="server" >
 <div>
    <input class="btn1" type="button" value="button" />
    <input class="btn2" type="button" value="button" />

    <div class="about" runat="server" >
        <div class="style2">
            <strong><span class="style3">About</span></strong>
         </div>
         <hr />
         <p class="style2">
            About DIV
         </p>
     </div>
   </div>
</form>


关于


关于DIV

JAVA脚本文件

<script type="text/javascript">
    $(document).ready(function () {
        $(".btn1").click(function () {
            $(".about").fadeOut()
        });
        $(".btn2").click(function () {
            $(".about").fadeIn();
        });
    });
</script>


$（文档）.ready（函数（）{
$（“.btn1”）。单击（函数（）{
$（“.about”）.fadeOut（）
});
$（“.btn2”）。单击（函数（）{
$（“.about”）.fadeIn（）；
});
});

确保您正在导入jquery

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

看看这个例子

确保您正在导入jquery

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

看看这个例子

似乎很好：你说“不工作”是什么意思？不工作=当我点击按钮时，我看不到任何动画，即淡入或淡出，正如你在JSFIDLE works中看到的例子一样，您的控制台中有任何错误吗？它在JSFIDLE中似乎工作良好，但在vs中没有：/我需要下载任何脚本吗？感谢chris charles:）感谢您的合作，我错过了链接js文件的机会：/但现在工作起来似乎很好：“不工作”是什么意思不工作=当我单击按钮时，我看不到任何动画，即淡入或淡出，正如您在JSFIDLE works中看到的示例一样，您的控制台中有任何错误吗？它在JSFIDLE中似乎运行良好，但在vs中没有：/i我需要下载任何脚本吗？感谢chris charles:）您的合作，我错过了链接js文件的机会：/但是现在运行得非常好