草庐IT

CSS定位div

全部标签

javascript - 使用 JavaScript 事件处理程序和函数的 CSS3 转换不会在 Firefox 中触发

我已经建立了一个多月的画廊,布局很简单,左边是缩略图菜单,右边是画廊预览。当您单击已加载的缩略图时,它会触发一个mousdown事件,该事件会折叠缩略图区域并将画廊预览扩展到完整大小(全部使用CSS3转换)。到目前为止,一切正常,除了我创建了一个omouseover事件,当您将鼠标悬停在缩略图上时该事件会激活该功能。该函数重绘图库预览div(“图片”)的内容并创建三张图像,两张是帧中的上一张图像,一张是帧中的下一张图像(在中心)。在innerHTML中,它将CSS样式“left:”设置为724px或-724px,具体取决于它是向前还是向后。然后当生成所有这些html的函数完成时,负责监

javascript - 找出哪个 CSS 属性正在被 jQuery 动画化

我看到$element.is(':animated')告诉我$element是否正在设置动画,但是否可以查看哪些css属性正在设置动画。 最佳答案 是的,将step函数传递给animate()调用可以让您找出正在通过fx.prop设置动画的属性。以下是jQueryAPI文档中的示例:$('li').animate({opacity:.5,height:'50%'},{step:function(now,fx){vardata=fx.elem.id+''+fx.prop+':'+now;$('body').append(''+data

javascript - d3.js 中的图形方向和节点定位

多亏了这个早question,我在d3.js中使用强制布局生成了一个静态固定布局图,如下所示:我有两个具体问题来进一步自定义布局:首先,我注意到确定性地初始化节点位置(例如,在此处对Angular线完成,请参阅script了解详细信息)固定节点的位置,并且节点的方向似乎取决于此初始化以及尺寸力图*。我想知道如何使上图中的节点A、D、E、F、I水平对齐?换句话说,我想将图形的方向逆时针旋转大约45度。我尝试在中间水平初始化节点:nodes.forEach(function(d,i){d.x=w/size*i;d.y=h/2;});但是生成的输出中所有节点和边都水平放置在它们被初始化的位置

javascript - 带地理定位的谷歌地图距离计算器

我有一个小型网络应用程序,可以计算Googlemap上两点之间的距离。我希望它在加载应用程序时将用户置于其当前位置。我尝试过不同的地理定位方法,但没有任何运气。最好的办法是让它计算与用户位置的距离。但是,仅在网络应用程序中拥有用户位置对我来说就足够了。vardirectionDisplay;varmap;functioninitialize(){directionsDisplay=newgoogle.maps.DirectionsRenderer();varcopenhagen=newgoogle.maps.LatLng(55.6771,12.5704);varmyOptions={z

javascript - 如何使用 Javascript(在可编辑的 div 中)在新添加的空范围内设置光标?

我有一个contenteditablediv,它有格式选项。我希望能够单击,说粗体按钮,然后插入和分别在我光标的左侧和右侧。我相信我已经做到了。但是,我不知道如何将光标放在范围内,以便用户可以开始输入粗体文本。我目前正在使用的功能:functionbold(text,clearSelection){text=text.replace(/\r\n/g,"");varsel,range,html;vartn=false;//Hereiamaddingthespanelementif(window.getSelection){sel=window.getSelection();if(sel.

Javascript - 图像数据处理和div渲染

所以我为自己创造的挑战就是这样。我有一张源照片:我正在映射颜色值并使用div创建它的像素化表示结果如下:我使用的代码是:'usestrict';varimageSource='images/unicorn.jpg';varimg=newImage();img.src=imageSource;varcanvas=$('')[0];canvas.width=img.width;canvas.height=img.height;canvas.getContext('2d').drawImage(img,0,0,img.width,img.height);varcontext=canvas.g

javascript - 两个 div 重叠,高度可变 = 容器上没有高度

当容器div的大小已知时,很容易使两个div重叠,但如果div高度不能重叠怎么办?我试图在不操纵容器高度的情况下做到这一点:http://jsfiddle.net/AJfAV/但是#text2遍历#text3并且不要“推”它。#container如何自动调整大小?我设法使用jqueryui实现了我的目标,但我觉得这不是一个优雅的解决方案:http://jsfiddle.net/AJfAV/6/ 最佳答案 这是你需要的吗?Updatedfiddle:我正在使用jQuery将height设置为默认值auto,如下所示:$("#conta

javascript - 单击时添加动态 div

我有一个需求,需要添加多个输入框来输入数据。最初只有一个输入框,每个生成的输入框旁边都有一个“添加”按钮,以生成多个文本框。如果你看一下我的fiddle,第一级有3级文本框,它可以选择只输入第一级数据,但是当涉及到第二级时,应该有一个选项来创建同一父block的第二级这样我们就可以输入主标题的子数据了。例如,如果我写州名,那么我应该能够输入子类别..这是一级菜单的代码$(document).ready(function(){$(":radio").click(function(){$(".test").hide();varshow=$(this).attr("data-show");$

javascript - Html2canvas for each div export to pdf separately

我有Page,它有6个具有相同类名“exportpdf”的div,我正在使用jspdf和html2canvas将这些div转换为pdfvarelementTobePrinted=angular.element(attrs.selector),iframeBody=elementTobePrinted.contents().find('div.exportpdf');在html2canvas中......html2canvas(elementTobePrinted,{onrendered:function(canvas){vardoc=newjsPDF();for(vari=1;i我将页

javascript - 如何将一个 div 对齐到另一个下面?

我在Jquery中创建了一个下拉菜单,它工作得很好,但我只有一个关于菜单定位的问题。我在了解jquery动画后立即创建了菜单,但我仍然是初学者,所以我没有遵循任何教程。所以我想知道如何将菜单放在按钮下方?ABOUTPRODUCTSHOMECakesCupcakesFudgesIceCreamsHardCandies菜单使用绝对位置设置在按钮下。全屏显示时网站的外观如下:以下是该站点在窗口中的外观:我想学习如何使用JQuery/JScript或CSS来做到这一点。 最佳答案 您遇到这个问题是因为菜单的位置是相对于body的,因此随着窗