草庐IT

CSS定位div

全部标签

javascript - CSS 缩放属性

Sitepointreference说InternetExplorerforWindowsversions5.5andabovesupportthenon-standardpropertyzoom,whichsetsthemagnificationscaleofanelement.There’snoCSS3equivalenttothisproperty(asyet).如何在标准浏览器中实现这种缩放效果?有可用的jQuery插件吗? 最佳答案 CSS3等价物在CSS2DTransforms中模块,特别是transform:scale

javascript - 希望在 blur div 上构建悬停/契约(Contract)扩展

大家好,我已经在搜索引擎上苦苦思索了几个小时,我想我不妨问问...我需要构建一个div,它在模糊时是一个尺寸,比如300x30,在悬停时扩展到300x300并将其下方的所有内容向下推,并在模糊时恢复到300x30尺寸(“不再悬停”或任何你children现在又把它称为大声笑)。有人可以给我指出一些资源,甚至可以给我一些代码位来玩吗?将不胜感激! 最佳答案 如果您不需要动画,您可以在CSS中使用伪类。div.div{height:30px;width:300px;border:1pxsolidblack;}div.div:hover{

javascript - $ ("div.rows").children().length 不是函数

我正在测试返回此错误的长度属性:$("div.rows").children().lengthisnotafunctionvarcount=$('div.rows').children().length();$('div#header').html(count);当我使用.size();它确实向我显示了一个值为0的值,这仍然是错误的,但至少它不会返回错误。我正在为这个而烦恼。有什么想法吗? 最佳答案 它不是一个函数,它是一个数字属性,所以丢掉最后一个()对:varcount=$('div.rows').children().leng

javascript - div 滚动条宽度

是否有使用javascript/jquery获取滚动条宽度的简单方法?我需要得到溢出的div的宽度+滚动条的任何宽度。谢谢 最佳答案 如果你正在使用jquery,试试这个:functiongetScrollbarWidth(){vardiv=$('');$('body').append(div);varw1=$('div',div).innerWidth();div.css('overflow-y','auto');varw2=$('div',div).innerWidth();$(div).remove();return(w1-w

javascript - 在浏览器调整大小时重新定位 jQuery UI 自动完成

如果您打开自动完成下拉菜单并调整浏览器窗口的大小,自动完成下拉菜单不会重新定位,则会出现问题。此视频中突出显示:http://www.youtube.com/watch?v=d7rZYH0DgWE我查看了文档,但找不到可以在$(window).resize()函数调用中调用的重新定位方法(在jquery-ui文档http://jqueryui.com/demos/autocomplete中)。这有什么优雅的灵魂吗? 最佳答案 我建议只关闭页面调整大小的结果。$(window).resize(function(){$(".ui-aut

javascript - 无法在 Liferay Portlet JSP 页面中包含 css 和 JS 文件

我已经下载了一个JqueryImageSlider源并且想与我的JSP文件集成这是我的文件夹结构这就是我包含它们的方式我在服务器控制台得到这个40420:50:04,625WARN[404_jsp:109]/css/jquery.ui.theme.css20:50:04,640WARN[404_jsp:109]/css/jquery.ui.core.css20:50:04,640WARN[404_jsp:109]/css/jquery.ui.slider.css20:50:04,656WARN[404_jsp:109]/css/style.css20:50:04,671WARN[404

滚动后的Javascript粘性div

对于这里的许多人来说,这个问题可能很愚蠢。我在纯JS滚动后制作粘性div。有些人可能会建议在jQuery中制作它,但我对此不感兴趣。我需要的是类似于this的东西.这里div一直移动到顶部,但我需要它有60px顶部。我制作了一个脚本,但它不起作用。谁能帮我解决这个问题?这是我的代码。HTMLCSS#left{float:left;width:100px;height:200px;background:yellow;}#right{float:right;width:100px;height:1000px;background:red;margin-top:200px;}JSwindow

javascript - 如何从 div id 小到最大数字开始 .each?

我如何使“.each”从divid小数字“1”开始到大数字“5”...1/2/3/4/5假设我有这个divTID5TID4TID3TID2TID1我有这个jquery我正在使用什么,但是从第一个div类ID号“5”开始,但我需要从数字1开始......$("div[class*='TID_']").each(function(){//codeiscomehere...}); 最佳答案 尝试$("div[class*='TID_']").sort(function(e1,e2){return$(e1).attr('class')>$(

javascript - jQuery/AJAX - 单击按钮时将内容加载到 div 中?

有人可以帮忙吗?我想填充一个div例如使用来自外部文件的内容,例如/includes/about-info.html当单击具有特定类别的按钮时,例如ClickHere是否有人可以向我展示实现此目的的快速代码示例? 最佳答案 使用jQuery.click和jQuery.load:$(document).ready(function(){$('.classloader.').click(function(){$('#contenthere').load('/includes/about-info.html');});})

javascript - 重新创建 CSS3 过渡 Cubic-Bezier 曲线

在CSS3过渡中,您可以将计时函数指定为'cubic-bezier:(0.25,0.3,0.8,1.0)'在该字符串中,您只需为曲线上的点P1和P2指定XY,因为P0和P3始终分别为(0.0,0.0)和(1.0,1.0)。根据Apple的网站:x[is]表示为总持续时间的分数,y表示为总变化的分数我的问题是如何将其映射回javascript中的传统一维T值?--FromAppledocsonanimatingwithtransitions 最佳答案 稍微浏览一下webkit-source,以下代码将为CSS3过渡中使用的隐式曲线提供