js代码让一个div缓缓出现,点击关闭按钮后缓缓关闭,就像win7那种效果

就像win7打开一个窗口和关闭窗口的效果

用jquery.

$("#divId").show(3000);
$("#divId").hide(3000);
//显示和隐藏分别都是3秒钟的动画

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-12-02
建议用Jquery的fadeIn() fadeOut() 效果,如
$("#div1").fadeIn("slow");
$("#div1").fadeIn(3000);本回答被提问者采纳

js代码让一个div缓缓出现,点击关闭按钮后缓缓关闭,就像win7那种效果
("#divId").show(3000);$("#divId").hide(3000);\/\/显示和隐藏分别都是3秒钟的动画

点击按钮弹出一个div,再点击按钮或点击其他区域关闭该div,javascript代 ...
\/\/点击按钮弹出div 在点击按钮关闭该div 按钮.onclick=function(){ if(div.style.display=="none"){ div.style.display="block";} else { div.style.display="none";} } \/\/点击其他地方关闭div document.onclick=function(){ div.style.display="none";} \/\/为了防止点击div 也关闭div 所以...

...div 再次点击关闭 怎么写点击事件啊 让他一个按钮能执行展开和关闭...
<script>jQuery(function(){ $(".flip").click(function(){$(".panel").slideToggle("slow");});});<\/script><div class="flip">点击这里,隐藏\/显示面板<\/div><div class="panel" style="display: none;"><p>一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。<\/p><p>在这里...

求一段js代码打开页面div5秒弹出,点击关闭按钮后再次定时弹出
<button id="btn">点击关闭5秒后继续弹出<\/button> <button id="btn1">点击关闭,不再弹窗<\/button> <\/div> <\/div>

js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下:2、创建一个button按钮,给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:4...

如何创建一个JavaScript弹出DIV窗口层的效果
最上层(将使用JS操作实现)。此外,我们还将在弹出DIV窗口中设置一个按钮来执行——当用户点击此按钮时关闭窗口的功能。实现过程:就如我上面提到的,我们首先需要创建一个特殊的DIV层,然后我们将弹出窗口的内容放在这个DIV层里面。在这里,我们将其ID命名为“popupcontent ”以区别于其他DIV层。<div ...

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

怎样用js实现鼠标悬停一个div,让另一个div用指定的样
使用JavaScript实现鼠标悬停效果,通过`addEventListener`监听事件并操作样式。先利用`document.querySelector`获取目标元素和要改变样式的元素。`addEventListener`用于监听目标元素的鼠标悬停和离开事件,通过`classList`添加或移除指定样式类。在CSS中预先定义样式类`hover-style`,便于JavaScript调用以实现悬停效果...

js控制一个div显示隐藏 想要让这个<a href='?ID=$v[id]' onclick=\\...
} function Close_alert(){ var div = document.getElementById('Open_Win');if(div.style.display=="block"){ div.style.display="none";} } <\/script> 第一段是点击显示,第二段是点击关闭 <a href="#" onclick="disp_alert()">详细<\/a> <div id="Open_Win" style="display:none...

用Js做了个功能,点击文字下边显示一个div,继续在点文字有收回去了...
1. 首先,建议直接写xxx.style.dispaly = "block"; 这样的命令代码;这样,无论点击多少次都一直是显示出来的了;或者是设置的宽度高度等问题,类似于这样,让它的宽高度不变;2. 通过使用一次点击事件后,来移除点击事件;let xxx = document.querySelector("...");①方法一:xxx.onclick = ...

相似回答