JS 控制DIV 样式的问题

作者&投稿:柴将 (若有异议请与网页底部的电邮联系)
js 控制div 几种样式求解答~

function changeBody(index){ switch(index){ case 1:{ document.getElementByIdx('iDBody1').style.display = ""; document.getElementByIdx('iDBody2').style.display = "none"; document.getElementByIdx('iDBody3').style.display = "none"; break; } case 2:{ document.getElementByIdx('iDBody1').style.display = "none"; document.getElementByIdx('iDBody2').style.display = ""; document.getElementByIdx('iDBody3').style.display = "none"; break; } case 3:{ document.getElementByIdx('iDBody1').style.display = "none"; document.getElementByIdx('iDBody2').style.display = "none"; document.getElementByIdx('iDBody3').style.display = ""; break; } } } 模










第三行内容 /////////////////////////////样式二/////////////////////////////////////// DIV-3 .hiddiv {display:none} 此处显示 id "div1" 的内容 此处显示 id "div2" 的内容 此处显示 id "div3" 的内容 此处显示 id "div4" 的内容 1 2 3 4

你页面有
sf
mf
这两个DIV吗?没有是运行不下去的

我试了是没问题的

这用6个 li 左浮动,或者你的一行三个div设置左浮动。然后固定宽度让一行显示3个就可以了

应该不用js的,在样式里加浮动就行。第一个,和第二个div加 float:left,第三个加float:right;
或者都加 float:left
要js控制样式, document.getElementById(“对应id”).style=“float:left”


平房区19826583440: js 控制div 几种样式求解答 -
阮绍藿香: <body><script type="text/javascript"> function changeBody(index){ switch(index){ case 1:{ document.getElementByIdx('iDBody1').style.display = ""; document.getElementByIdx('iDBody2').style.display = "none"; document.getElementByIdx('...

平房区19826583440: JS 控制DIV 样式的问题 -
阮绍藿香: 这用6个 li 左浮动,或者你的一行三个div设置左浮动.然后固定宽度让一行显示3个就可以了

平房区19826583440: 一个js的问题……关于js控制div内容的…… -
阮绍藿香: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html...

平房区19826583440: js控制div层的问题?
阮绍藿香: a不用使用javascript,用伪样式 a:hover{color:#f00} ,至于div里面的h3或其他标签,就得用javascript, 把javascript的函数改成有两个参数的,如下:function over(o,color){o.style.background=color;} function out(o,color){o.style.background=color;}...

平房区19826583440: js或者jquery控制div的样式 -
阮绍藿香: jQuery("div.shang div").click(function(){ jQuery("div.shang div").removeClass("daz1").addClass("zi"); jQuery(this).removeClass("zi").addClass("daz1"); });

平房区19826583440: js控制div问题
阮绍藿香: 那你下面的显示内容部分只能用框架iframe,那连接部分target="zongzong"就行了(注意ifranme的name属性值是zongzong) <iframe name="zongzong" WIDTH="689" HEIGHT="480" ALIGN="CENTER" MARGINWIDTH="0" MARGINHEIGHT="0" HSPACE="0" VSPACE="0" FRAMEBORDER="0" SCROLLING="NO" SRC= http://www.baidu.com">

平房区19826583440: 关于js修改div样式宽度的问题 : div.style.width=200能不能换成div.style['width']=200这样的写法 -
阮绍藿香: 可以这一写,width是style的一个数据,js调用数据的方式就有1、使用小数点的方式2、使用中括号的方式 但是你的代码调用时 200要带单位<div style="height:200px;width:200px;" id="div1"></div>可以看到平时写法width的数字后面是有单位的 所有在使用函数的时候也需要带上哦 document.getElementById("div1").style['width']="100px"; document.getElementById("div1").style.width="100px";两种方式都可以

平房区19826583440: js控制div显示与隐藏,js利用"hover"属性 -
阮绍藿香: 1.首先样式要设定好,在每个li区域只能显示a或者b.2.引入js库代码(jquery库需要引用,1.4版本以上都可以)3.设定外部ul的id属性:假设为ullist4.编写js代码 下面是我写的一个例子代码,供你参考,jquery库需要自己下载并引用<ul id="ullist"...

平房区19826583440: 如何控制网页里最后一个div的样式?js控制 或者css直接控制 -
阮绍藿香: 如果用js控制,需要遍历HTML文档,提取最后的DIV,然后再加样式: <script type="text/javascript"> $(document).ready(function(){$("div").last().addClass('highlight'); //添加class$("div").last().css("background", "red"); //直接添加...

平房区19826583440: 怎么用JS控制多个DIV的显示和隐藏问题 -
阮绍藿香: document.getElementByTagName("div");是一个数组,用角标控制.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网