`
zxwwjs
  • 浏览: 10180 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Javascipt对CSS布局高度控制

 
阅读更多
//JavaScriptDocument


//Javascipt对CSS布局高度控制
functionsetDivMaxLeng(divname)
...{
vardivList=$(divname).childNodes;
varmaxHeight=0;
vari;
for(i=0;i<divList.length;i++)
...{
if(divList[i].nodeType==1&&divList[i].nodeName.toLowerCase()=="div")...{
//str=str+"child("+i+"):type="+divList[i].nodeType;
//str=str+"tag="+divList[i].nodeName;
divList[i].style.height="auto";
if(divList[i].scrollHeight>maxHeight)
maxHeight
=divList[i].scrollHeight;
}

}

//alert(maxHeight);
for(i=0;i<divList.length;i++)
...{
if(divList[i].nodeType==1&&divList[i].nodeName.toLowerCase()=="div")...{
divList[i].style.height
=maxHeight+"px";
}

}

$(divname).style.height
=maxHeight+"px";
}
分享到:
评论

相关推荐

    精品 js+css布局

    "精品 js+css布局" 提供了一种利用JavaScript和CSS实现自动化布局的方法,这在现代网页开发中是一个非常实用的技术。下面我们将深入探讨这个主题。 首先,CSS(层叠样式表)是网页设计中的样式语言,负责定义元素的...

    Ext 制作的CSS布局编辑器

    在提到的"Ext 制作的CSS布局编辑器"中,我们可以推断这是一个基于ExtJS开发的工具,允许用户可视化地设计和编辑CSS布局。 CSS布局是网页设计的核心,它决定了元素在页面上的排列方式。传统的CSS布局方法包括流式...

    CSS布局适应高度解决方法

    本文将深入探讨“CSS布局适应高度”的解决方案,帮助开发者创建响应式、自适应的网页。 1. **Flexbox布局** Flexbox(弹性盒布局)是CSS3引入的一种新的布局模式,它允许开发者轻松地处理容器内部元素的对齐、排列...

    div+css布局的前台模板

    在网页设计领域,"div+css布局"是一种广泛使用的页面构造技术,它使得网页结构更加清晰,样式与内容分离,提升了网页的可维护性和可扩展性。本模板是一款基于div和CSS的网上购物模板,完全采用静态HTML页面,无需...

    div+css 布局 demo

    **div+css布局详解** 在网页设计中,`div+css`布局是一种常见的技术,用于组织和控制网页元素的位置和样式。它通过HTML中的`&lt;div&gt;`元素作为容器,配合CSS(Cascading Style Sheets)来实现灵活、可维护的页面布局。...

    javascript+css漂亮菜单

    在网页设计中,菜单是...总的来说,结合JavaScript和CSS,我们可以创建出既美观又具有高度交互性的菜单,提升用户体验。在实际项目中,还需要考虑性能、可访问性、可维护性等因素,以实现一个全方位优秀的菜单系统。

    HTML+CSS布局、规范、兼容

    在CSS布局时,还应理解盒模型的概念,它包括内容、内边距、边框和外边距,这对于控制元素的尺寸和位置至关重要。 在定位方面,CSS提供了相对定位(relative)、绝对定位(absolute)和固定定位(fixed)。相对定位...

    javascript+css鼠标悬浮放大图片

    CSS(Cascading Style Sheets)则用于控制网页的布局和外观。在鼠标悬浮放大图片的场景中,CSS可以用来设置初始的图片样式,如原始尺寸、位置等。同时,配合JavaScript,可以通过CSS的`:hover`伪类来定义鼠标悬停时...

    本人收藏的各种页面特效大部分javascript+css实现

    而CSS则负责布局、颜色、字体等视觉元素的控制,使得网页设计具有高度的可定制性和美观性。当这两种技术协同工作时,可以创造出令人惊叹的用户体验。 这个收藏集中的特效可能包括但不限于以下几种类型: 1. **滑动...

    Div CSS网站布局视频教程第13课_CSS与Javascript网站中的应用

    总之,本教程第13课将深入讲解如何在Div CSS布局的基础上,通过JavaScript增强网页的动态性和交互性。通过学习这两者的融合,开发者可以创建更具吸引力、功能更丰富的网站,提升用户体验,并为网页设计打开新的可能...

    案例6:DIV+CSS样式页面布局(重要).rar

    而`CSS`(Cascading Style Sheets,层叠样式表)则负责控制这些元素的外观和布局。本案例的"案例6:DIV+CSS样式页面布局(重要).rar"文件提供了源代码和相关文档,是初学者了解和掌握这一技术的理想资源。 **DIV元素...

    CSS网站布局实录.pdf 高清下载

    尽管给定的部分内容似乎与标题和描述不符,主要聚焦于Java学习社区的链接,而标题和描述明确指向了“CSS网站布局”的主题...通过持续学习和实践,你可以不断提升自己的CSS布局技巧,创造出更吸引人、更高效的网页设计。

    div+css布局ajax技术

    **div+css布局** 在网页设计中,`div+css`布局是一种常用的技术,它将内容(HTML元素)和表现(CSS样式)分离,提高了页面的可维护性和可扩展性。`div`是HTML中的一个块级元素,常用于创建网页布局的结构。通过设置...

    DIV+CSS布局大全

    ### DIV+CSS布局大全知识点详解 #### 一、DIV+CSS布局基础概念 - **DIV+CSS**是一种网页布局方式,其中**DIV**是HTML中的一个容器标签(`&lt;div&gt;`),用来组合文档中的行内元素,使其成为独立的块级元素;而**CSS**...

    DIV+CSS布局基础

    **DIV+CSS布局**是实现Web标准的一种常见方法,通过`&lt;div&gt;`元素作为布局容器,结合CSS控制布局样式。例如,以下HTML代码展示了如何使用`&lt;div&gt;`和CSS创建一个基本的三栏布局: ```html &lt;!DOCTYPE html&gt; ; charset...

    Coverflow By Javascript & CSS3

    1. **布局设计**:使用CSS3的Flexbox或Grid布局来创建一个包含所有图像的容器,并为每个图像设置相应的宽度、高度和初始位置。 2. **应用变换**:使用transform的rotateX()和translateZ()函数为每个图像赋予3D倾斜...

    DIVCSS布局大全

    ### DIVCSS布局大全知识点概述 #### 一、基础知识与概念 ...以上是对“DIVCSS布局大全”相关知识点的详细梳理,包含了从基础知识到高级技巧的全面内容,旨在帮助读者系统地学习和掌握DIV+CSS布局的相关知识和技术。

    变幻之美DivCSS网页布局揭秘-案例实战篇源码

    在Web开发领域,Div+CSS布局是构建高效、可维护、响应式网站的基础,它能够帮助开发者实现灵活多变的页面设计,提升用户体验,并优化网页的加载速度。 首先,Div(Division)元素是HTML中的一个块级元素,常用于对...

    学习CSS布局

    ### 学习CSS布局知识点详解 #### CSS布局基础 ...通过CSS,开发者能够有效地控制页面布局、颜色、字体等视觉效果,...希望通过对上述知识点的学习,能够在实际项目中更好地应用CSS布局技巧,提高工作效率和项目质量。

    Web入门初学者纯静态页面练习 HTML+CSS 布局、浮动练习

    通过这个练习,初学者可以建立起对网页制作的基本认知,为后续的JavaScript交互和更复杂的Web开发奠定坚实的基础。同时,理解并熟练掌握HTML和CSS的布局与浮动技巧,对于任何Web开发者来说都是非常重要的。

Global site tag (gtag.js) - Google Analytics