2 u011576033 u011576033 于 2013.09.13 16:08 提问

JS 控制div 的显示和慢慢隐藏

我主要是想实现一个浮动窗体,当触发某种事件后div显示出来(默认为隐藏的),等几秒后又会隐藏,但是当鼠标进入该div后,div又一直显示,离开后才会慢慢隐藏,这该怎么实现呢,有人知道吗??
我的代码如下:
<br> #div1 {<br> width: 200px;<br> height: 200px;<br> border: 1px solid red;<br> font-family: &quot;华为楷体&quot;;<br> display: none;<br> }<br>

function clicks() { $("#div1").show(); setTimeout(function () { $("#div1").fadeOut("slow"); }, "1000"); } function mouse() { clicks(); }
 <input type="button" id="btn1" value="确认" onclick="clicks()" />
        <div id="div1" onmouseover="mouse()">
        </div>

1个回答

en_joker
en_joker   2017.11.16 11:37

jQuery就有这种实现,不可以吗?

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js 控制div 渐渐消失 渐渐出现效果
效果一:手动控制展现或消失测试效果        代码如下: TABLE width="80%">TBODY>TR>TD>效果一:手动控制展现或消失BR>INPUT onclick="startObjVisible(objDiv);if(this.value==点击展现){this.value=点击隐藏
jquery控制div的滑动隐藏和显示
<?php for($i=0;$i<3;$i++){ ?> "> 123 <?php } ?> aa.js $(document).ready(function(){ $(".aa").each(function(i){ if($(this).hasClass("off")){ $(this).r
JQuery慢慢出现和隐藏
.redborder {     border:2px;     dashed:#ff0000;    }            /*    $(document).ready(function(){     ("#hit").click(function(){
简单js控制div的显示与隐藏
这样的例子有很多;但是这个最简单最容易理解; 以下两个页面代码粘贴复制就可以看效果,拿去玩吧!1. div初始隐藏页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/
JS控制DIV的显示隐藏
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=document.getEl
js控制div点击隐藏显示
点击切换 #thediv { width: 200px; height: 50px; background: #ccc; display: none; } window.onload = function () {
js中我使用hover事件当处于这个div上时显示,离开时慢慢消失,研究了很久,最后发现添加了return就可以了
$("#add_event").hover(function() { return; $(this).animate({opacity: "show", top: "20"}, "slow"); }, function() { $(this).animate({opacity: "hide", top: "20"}, "slow"); });$("#add_event").hover
web前端,js实现div隐藏显示
显示/隐藏             function toggle(targetid){             if (document.getElementById){                 target=document.getElementById(targetid);                 if (target.style.display=="bl
js实现div的显示与隐藏
实现div的id为systemNameDIV显示 document.getElementById('systemNameDIV').style.display = ""; 实现div的id的为systemNameDIV隐藏 document.getElementById('systemNameDIV').style.display = "none";
通过radio和js控制div里的内容显示或者隐藏
html: 是&nbsp;&nbsp;&nbsp; 否 js: //控制收件信息是否显示的jquery     $("#checkbox1").click(function(){         var s=$("#checkbox1").is(":checked");             if(s){                 $(".query_info").cs