草庐IT

CSS定位div

全部标签

javascript - 单击鼠标更改 knockout.js 中的 css 类

knockout.js文档显示了这样的css绑定(bind):ProfitInformation我需要调整它以更改鼠标单击时的css类。我该怎么做?根据下面的答案,我正在使用这样的代码://CSSclasstobeapplied.bigclass{width:200px;}//Selectlistinsideajquery.tmpl0}'/>//Knockout.jsViewmodelvarCriteriaLine=function(){this.SearchCriterion=ko.observable();this.SelectHasFocus=ko.observable(0);/

javascript - 如果 div 未隐藏,请单击任意位置以隐藏

这个问题在这里已经有了答案:HowdoIdetectaclickoutsideanelement?(90个答案)关闭9年前。我试图让一个div默认隐藏并通过单击按钮显示。要关闭div,我可以单击按钮或屏幕上的任何其他位置。以下是我的尝试,但结束部分不起作用。如果有人能指出正确的实现方式或更好的方法,我将不胜感激。$('#theDiv').hide();$("#showDivBtn").click(function(){$("#theDiv").show();});if(!$('#theDiv:hidden')){$(document).click(function(){$('#theD

javascript - 使div与其中的图像大小相同

我有一个包含以下代码的divHTML:CSSdiv#imgContainer{width:250px;height:250px;padding:13px;}问题是用户可以编辑图像大小、颜色和其他一些东西,所以我希望div随着图像变大而变大。如果图像小于它,我希望div的宽度和高度为250px,但随着图像变大而变大。解决方案可以使用PHP、JavaScript、CSS或jQuery。 最佳答案 试试这个:div#imgContainer{min-width:250px;min-height:250px;padding:13px;dis

javascript - 向下滚动页面后更改元素的CSS位置

我正在摆弄一些jquery试图掌握它。我有一个ul导航,它设置了绝对位置,但在我将页面向下滚动200像素后,我希望它切换到固定位置,以便导航始终停留在页面上。我该怎么做?下面是我正在处理的例子http://satbulsara.com/tests/ 最佳答案 感谢大家如此迅速的帮助这就是我想要的$(document).ready(function(){vartheLoc=$('ul').position().top;$(window).scroll(function(){if(theLoc>=$(window).scrollTop(

javascript - 如何组织css和js文件的缩小和打包以加快网站速度?

我正在为我的网站应用程序做速度优化。我找到了一些实践来做到这一点。例如BestPracticesforSpeedingUpYourWebSite来自雅虎。其中有:精简JavaScript和CSS。通过将多个文件(css、js)合并为一个文件,最大限度地减少HTTP请求的数量。我的问题是您使用什么基础设施、工具和构建过程,或者可以推荐什么来执行这些? 最佳答案 根据JavaScriptCompressionRater,最有效的工具是YUICompressor或JSMin. 关于javasc

javascript - 我如何在第一次迭代时反转 CSS3 动画(而不是第二次迭代)

我已经设置了这样的CSS3动画:@-webkit-keyframesslidein{from{-webkit-transform:translateX(100%);}to{-webkit-transform:translateX(0);}}如何在类定义上反转此动画?例如:.slideinTransition{-webkit-animation-name:slidein;-webkit-animation-direction:alternate;}这将在第二次迭代时反转动画,我想在第一次迭代时直接反转它。 最佳答案 试试这个:-web

javascript - 使用 JavaScript 动态应用 CSS

使用JavaScript将样式动态应用到HTML元素(即样式值在运行时创建)的好方法是什么?我正在寻找一种将JavaScript小部件(JS、CSS和标记)打包到单个组件(基本上是一个对象)中的方法。这个想法是让组件封装样式(因此用户有一个很好的API来修改它,而不是直接修改CSS并间接应用更改的更紧密耦合的方法)。问题在于单个API调用可能意味着对多个样式元素的更改。我这样做的方法是构建CSS并将style属性设置为适当的元素(很可能使用ID来避免将更改应用到标记的其他区域)。这是一个好的解决方案吗?有更好的方法吗? 最佳答案 使

javascript - 鼠标点击页面上的其他地方(不是在特定的 div 上)

当用户点击页面上除框区域以外的任何地方时,我想关闭页面中的一个小弹出框。如何找到它? 最佳答案 $(document.body).click(function(e){var$box=$('#little-pop-up-box-id');if(e.target.id!=='little-pop-up-box-id'&&!$.contains($box[0],e.target))$box.remove();});e.target是接收到点击事件的DOM节点。我首先检查该元素的ID是否不是我们正在寻找的那个。第二次检查!$.contain

javascript - jQuery - 将 JavaScript 附加到 Div

我正在使用jQuery附加一些JavaScript当项目展开时。但jQuery函数内的JavaScript代码导致其余jQuery代码爆炸。$(this).parent('li').find('.moreInfo').append('alert("hello");');我该怎么做才能解决这个问题? 最佳答案 对于附加的JavaScript问题,使用这个:varstr="alert('hello');";str+="";$(this).parent('li').find('.moreInfo').append(str);否则,更好的选

javascript - 将 SVG 文本更改为 css 自动换行

以下代码用于显示javascript树形图的文本标签。nodeEnter.append("svg:text").attr("x",function(d){returnd._children?-8:-48;})/*thepositionofthetext(lefttoright)*/.attr("y",3)/*thepositionofthetext(UpandDown)*/.text(function(d){returnd.name;});这里使用了svg,它没有自动换行功能。我该如何更改这个普通段落以便我可以使用css将其自动换行。如何制作此常规文本而不是svg文本?