草庐IT

some_div

全部标签

javascript - 创建一个较小的 div 副本?

我有一个充满文本、照片等的div。它是动态生成的,通常高宽比约为10:1。我想在同一页面上创建此div的副本,但使其成为宽度的1/8。编辑:所有内容也应为1/8比例。这个瘦高的概述div不需要能够与之交互,只需准确显示另一个较大的div的内容即可。有什么想法我会/应该怎么做吗?谢谢! 最佳答案 您可以使用jQuery的clone()方法进行复制,使用css()方法来改变宽度。varw=$("#thediv").width();varclone=$('#thediv').clone().css("width",w/8);然后您可以使用

javascript - 创建一个较小的 div 副本?

我有一个充满文本、照片等的div。它是动态生成的,通常高宽比约为10:1。我想在同一页面上创建此div的副本,但使其成为宽度的1/8。编辑:所有内容也应为1/8比例。这个瘦高的概述div不需要能够与之交互,只需准确显示另一个较大的div的内容即可。有什么想法我会/应该怎么做吗?谢谢! 最佳答案 您可以使用jQuery的clone()方法进行复制,使用css()方法来改变宽度。varw=$("#thediv").width();varclone=$('#thediv').clone().css("width",w/8);然后您可以使用

javascript - 在网页上可见之前确定 DIV 高度的最佳方法是什么?

我有一个脚本可以从服务器获取数据并根据它组成一个DIV。DIV将包含图像、文本和其他未确定的内容。我想自由排列它,所以在显示给用户之前我需要知道它的高度和宽度。但是根据我的理解,我应该先让浏览器渲染它,否则我无法知道宽度和高度。有没有什么最好的方法可以在不向用户显示的情况下了解DIV的宽度和高度?编辑:一些好心人建议我使用jquery的.width()方法,但我想知道如果DIV包含图像,下载图像后jquery会等待吗?我事先不知道图像的尺寸。 最佳答案 您可以在div上设置display:none样式。然后使用jQuery中的.wi

javascript - 在网页上可见之前确定 DIV 高度的最佳方法是什么?

我有一个脚本可以从服务器获取数据并根据它组成一个DIV。DIV将包含图像、文本和其他未确定的内容。我想自由排列它,所以在显示给用户之前我需要知道它的高度和宽度。但是根据我的理解,我应该先让浏览器渲染它,否则我无法知道宽度和高度。有没有什么最好的方法可以在不向用户显示的情况下了解DIV的宽度和高度?编辑:一些好心人建议我使用jquery的.width()方法,但我想知道如果DIV包含图像,下载图像后jquery会等待吗?我事先不知道图像的尺寸。 最佳答案 您可以在div上设置display:none样式。然后使用jQuery中的.wi

jquery - 当 div 移动以填充淡出的其他 div 留下的空白空间时如何为 div 设置动画

我有一组div,每一个对应一组分类。当我单击过滤器时,这将更改div的类,并根据这些类别使它们可见或隐藏。我控制div的淡入/淡出方式,它们缓慢而漂亮地进行,但每次div消失时,保持不变的div会突然移动以填充隐藏的div留下的空白空间。在其他div消失并留下空白空间后,如何平滑未隐藏的div的移动?//Beforethisgoesalongfunctionthatdecideswichdivswillgettheirclasschanged$('#work-container>div[class*=visible]').fadeIn('slow','swing');$('#work-

jquery - 当 div 移动以填充淡出的其他 div 留下的空白空间时如何为 div 设置动画

我有一组div,每一个对应一组分类。当我单击过滤器时,这将更改div的类,并根据这些类别使它们可见或隐藏。我控制div的淡入/淡出方式,它们缓慢而漂亮地进行,但每次div消失时,保持不变的div会突然移动以填充隐藏的div留下的空白空间。在其他div消失并留下空白空间后,如何平滑未隐藏的div的移动?//Beforethisgoesalongfunctionthatdecideswichdivswillgettheirclasschanged$('#work-container>div[class*=visible]').fadeIn('slow','swing');$('#work-

css - html - 将页面拆分为所需的形状作为 div?

我正在尝试将页面拆分成不同的形状,如下图所示:问题是我正在尝试创建div作为图像中的形状,以便我可以将内容放入其中,并通过更改css样式更改它们的颜色并使用JavaScript赋予它们效果,在网上搜索时,我确实遇到了一些网站,例如CSSTricks创建CSS三Angular形,但这并不是我想要的,因为我不能将内容放在这样的div中,也不能得到我需要的形状,我在想也许我可以用元素得到这样的结果,但我真的不知道如果使用而不是合乎逻辑并且可以获得我想要的效果?有没有办法将一个Html页面分割成任何想要的形状? 最佳答案 嗯,你可以使用cs

css - html - 将页面拆分为所需的形状作为 div?

我正在尝试将页面拆分成不同的形状,如下图所示:问题是我正在尝试创建div作为图像中的形状,以便我可以将内容放入其中,并通过更改css样式更改它们的颜色并使用JavaScript赋予它们效果,在网上搜索时,我确实遇到了一些网站,例如CSSTricks创建CSS三Angular形,但这并不是我想要的,因为我不能将内容放在这样的div中,也不能得到我需要的形状,我在想也许我可以用元素得到这样的结果,但我真的不知道如果使用而不是合乎逻辑并且可以获得我想要的效果?有没有办法将一个Html页面分割成任何想要的形状? 最佳答案 嗯,你可以使用cs

javascript - 输入新字符后获取 contentEditable div 高度

我目前有一个contentEditablediv,宽度固定,高度灵活,必须根据用户输入的长度增加或减少。问题是我想到了下面的代码,我根据最后输入的字符获取了contentEditable的高度,这是我的代码:functionsetInTitle(){vartitleHeight=document.getElementById('title').offsetHeight;}所以,我需要通过JAVASCRIPT,在键入新字符后立即获取contentEditable高度,如果可能的话,在字符呈现之前,如下图所示:按下键盘键=>JS使用新的CHAR获取CONTENTEDITABLEDIV的高度

javascript - 输入新字符后获取 contentEditable div 高度

我目前有一个contentEditablediv,宽度固定,高度灵活,必须根据用户输入的长度增加或减少。问题是我想到了下面的代码,我根据最后输入的字符获取了contentEditable的高度,这是我的代码:functionsetInTitle(){vartitleHeight=document.getElementById('title').offsetHeight;}所以,我需要通过JAVASCRIPT,在键入新字符后立即获取contentEditable高度,如果可能的话,在字符呈现之前,如下图所示:按下键盘键=>JS使用新的CHAR获取CONTENTEDITABLEDIV的高度