ncry.net
当前位置:首页 >> 鼠标点击显示隐藏Div >>

鼠标点击显示隐藏Div

function show1(){ document.getElementById("anotherDiv").style.display="block"; document.getElementById("thisDiv").style.display="none"; } function show2(){ document.getElementById("thisDiv").style.display="block"; document.

这个不复杂吧..JS或者JQ都可以控制.只是DIV的CSS属性而已

mv.app.toBanner = function(){ var oDd = document.getElementById('xy1'); xy();}function xy(){ if(oDd.style.display=""){ oDd.style.display="none"; } if(oDd.style.display="none"){ oDd.style.display=""; } }xy()写在里面是内部函数 对外不可见

<div id="div" style="visibility: hidden; width: 100px; height:100px;" onclick="this.style.visibility='visible';">fffffffffffff</div>

<!doctype html><html><head><meta charset="utf-8"><title>三级菜单</title> <style type="text/css">ul,li{ padding:0; margin:0;}.menu{ margin:100px 0;}.menu ul li{ width:100px; text-align:center; height:30px; line-height:30px; background:#063;

看样子你光知道settimeout了,但是忘记了clearTimeoutvar the_timeout = setTimeout("当鼠标未经过操作",3000);当鼠标经过div时要取消定时器:clearTimeout(the_timeout);希望能解决你的问题.

使用伪类或者最好用JavaScript脚本来控制了

var lastCursel = -1;function change(name,cursel){ var menu=document.getElementById("con_"+name+"_"+cursel);if (menu.style.display == ""){ menu.style.display = "none";}else{ menu.style.display = "";} if (lastCursel>=0 && lastCursel

基本思想是:触发div的hide()和show()函数.比如:要点击隐藏或者显示<div id="div"></div>然后为一个按钮(id="btn")或者其他控件绑定一个单击事件(下面使用了jQuery)$(function(){ // 页面加载完成之后,进行事件绑定 $("#btn").toggle( function () { $("#div").hide();// 第1,3,5,7,8,9.次点击按钮,div隐藏 }, function () { $("#div").show();// 第2,4,6,8.次点击按钮,div显示 } );});

document.all 是ie才能识别的,firefox是不支持的,你可以改成用id来获取,如下:this is a div!改一下就ok了!建议你以后不要再用document.all了,只有ie才支持

网站首页 | 网站地图
All rights reserved Powered by www.ncry.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com