草庐IT

调整目标

全部标签

javascript - 如何像 jsfiddle.net 那样调整多个相邻文本区域的大小?

如何像jsfiddle.net网站一样,通过在区域1、2、3上拖动鼠标来调整textarea的大小?我的代码是:HTML:ABCDJS:$(function(){window.onresize=resize;resize();});functionresize(){varh=(window.innerHeight||(window.document.documentElement.clientHeight||window.document.body.clientHeight));vardivHight=20+$("#div_left").height();//20=bodypaddin

javascript - Masonry - 当一个项目的高度改变时自动调整

我在我的应用程序中使用了砌体。一切工作正常,除非项目的高度发生变化(如Accordion)砌体没有调整布局。我该怎么做才能修复它? 最佳答案 每当调整项目大小时,您需要告诉masonary重新布局所有内容:$('.ui-accordion').bind('accordionchange',function(event,ui){$('#container').masonry();}); 关于javascript-Masonry-当一个项目的高度改变时自动调整,我们在StackOverflo

javascript - 在窗口调整大小时调整 div 大小

我有这个代码html,body{width:100%;margin:0;padding:0;}#main{margin:0auto;width:963px;height:642px;}#preload{display:block;position:absolute;width:100%;height:100%;}.loading{position:absolute;top:43%;left:47%;z-index:2;display:none;}$(document).ready(function(){$(window).on('resize',function(){varmaxWid

javascript - 调整大小时,Jquery Resizable Div 宽度和高度变为 0

我有这个代码:我的JavaScript代码:$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,maxHeight:500,aspectRatio:true});使用上面的代码,我的可调整大小的div按预期工作,但是当我添加containment选项时,div的width和height调整大小为0,在任何方向调整大小时。$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,max

javascript - 如何在包含页面内调整 iframe 的大小?

我想访问我的页面所在的iframe并调整它的大小。顺便说一句,我是用javascript做的。It'ssomethinglikeparentandheightoroffsetHeight.在mypage.asp中我做了类似这样的事情:varh=//newheight;parent.height=h;但这还不好吗?还有谁知道更多? 最佳答案 如果您想从加载到您的iframe的页面中调整iframe的大小,请试试这个。它似乎至少在本地有效:functiondoIt(){varelem=window.parent.document.get

javascript - 以编程方式测试特定的 css 属性兼容性(调整文本区域的大小支持)

我正在跨浏览器网站上实现一个可调整大小的文本区域。现在在FF/Chrome/Safari中,以下内容:textarea{resize:both;}像魅力一样工作。一点点嗅探让我来到这里:http://www.w3schools.com/cssref/css3_pr_resize.asp我在哪里得知Opera和IE不支持这个属性。没什么大不了的,下面的javascript可以负责检测,其中包含对resizable()的jqueryUI调用以实现功能:if((navigator.userAgent.indexOf('Trident')!=-1)||(navigator.userAgent.

javascript - 如何在运行时调整 swf 的大小以使浏览器创建 html 滚动条?

我有一个swf将文本加载到Sprite中,该Sprite会根据放入的内容调整大小-我希望对于那些比页面长的页面让浏览器使用其native滚动条而不是在actionscript(非常像http://www.nike.com/nikeskateboarding/v3/...)我确实看过耐克做的东西,但就是没能成功。有什么想法吗? 最佳答案 诀窍是使用一些简单的JavaScript来调整FlashDOM节点的大小:functionresizeFlash(h){//"flash-node-id"istheIDoftheembeddedFla

javascript - 点击目标

看这段代码:ClickmeMAN!window.onload=function(){document.body.addEventListener("click",function(event){vartarget=event.target;alert("Returns\""+target.nodeName+"\".Justwant\""+target.parentNode.nodeName+"\"")},false);}您可以在“链接”中看到元素“span”,当单击“链接”时,当前目标是相同的“span”。“event.target”如何返回“link”而不是“span”。谢谢,不,我

javascript - 在 CSS 中保持纵横比的同时将图像调整到容器大小?

我有一堆不同(未知)尺寸的图像。我想将这些图像放到一个div中,并让它们自动符合div的尺寸,同时保持它们的纵横比。换句话说,如果图像宽度大于高度,则宽度将为100%,高度将相应缩放。如果图像高于宽度,高度将为100%,宽度将相应缩放。有没有办法在纯css中做到这一点?谢谢 最佳答案 使用css属性max-width和max-height图片上的图标将带您到达您需要去的地方。fiddlehttp://fiddle.jshell.net/sHAQ9/HTMLCSSdiv{width:150px;height:150px;overflo

javascript - 删除/避免将目标链接添加到 URL

这对于这里的jQuery/JavaScript专家来说可能很简单,但我在网上找不到解决方案。案例我在页面底部有一个链接,上面写着返回顶部,该链接只是一个目标链接,如下所示:BacktoTop因此,当您单击它时,它会跳转到页面顶部。简单。问题当目标链接被点击时,id#top被添加到页面的URL中,即:http://website.com/about-us/#top问题有没有办法删除或避免将id#top添加到页面的URL但保留页面跳转到顶部的功能?非常感谢对此的任何帮助。 最佳答案 无论哪种情况(jQuery或vanillaJavaSc