snrg.net
当前位置:首页 >> 纯Css点击显示隐藏Div >>

纯Css点击显示隐藏Div

css还没有点击(click)的功能css有hover(鼠标置上)状态可以实现鼠标置上(hover)显示或者隐藏的效果http://blog.csdn.net/millia/article/details/11595583 可以参照这个试试..

$(document).ready(function(){ $(".A").click(function (e){ $(".B").toggle(); e.stopPropagation(); }); $(".B").click(function(e){ e.stopPropagation(); }); }).click(function(){ $('.B').hide(); });

给div绑定事件.$("div").bind("click",function showdiv(event){ $("div").hide(); //让所有div都隐藏 $("this").show(); //让被点击的div显示.}); 代码没有测试过,仅供参考.

大概的思路就是1. 响应一个div的点击事件2. 设置一个延时执行任务3. 任务里隐藏另一个div 简单粗暴的实现如下:<!DOCTYPE html><html> <style> /* 这些样式是为了容易看,跟需求没关系! */ div { padding: 20px; border: 1px solid #aaa;

简单的办法,把"<DIV id="div1">隐藏的内容</DIV>"一句中加上style="displsy:none",也就是改为<DIV id="div1" style="display:none">隐藏的内容</DIV>

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

基本思想是:触发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显示 } ); });

在dreamweaver最下面的属性栏设置就可以

我jquery写了个你试试<script language="javascript" src="jquery-1.4.2.min.js"></script><script language="javascript"> $(function(){ $(".divDemo div").click(function(){ $(this).hide().siblings().show(); }); })</script><div class="divDemo"> <div>1111</div> <div style="display:none">2222</div></div>

<!doctype html><html><head><meta charset="utf-8"><title>隐藏</title><!--.div就是找到class="div"的信息,hide()就是将对象隐藏起来(深圳网站建设www.sz886.com)--><script type="text/javascript" src="http://www.sz886.com/js/

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