草庐IT

javascript - 试图涂黑可移动 div 之外的所有内容

我写了一个悬停缩放插件,我想弄清楚如何将悬停缩放框外的所有东西都变暗,并使缩放框本身透明,但我很难弄清楚我需要什么为它做。我使用不透明度吗?我是否使用背景图片?现在它只是在较暗的黑色不透明度bg之上显示白色0.5不透明度,但我有点挠头试图弄清楚这一点。任何建议都会非常有帮助。我正在尝试做的事情:演示:jsfiddle 最佳答案 这是一个解决方案示例,但它需要您进行一些更改。如果您将缩放方block设置为具有与底层图像相同的背景图像,并通过css将其背景位置调整为其相对于原始图像的位置的负值...我是否正确解释了这一点?http://

JavaScript new Date(dateStr) 以特定格式给出昨天的日期

这个问题在这里已经有了答案:WhydoesDate.parsegiveincorrectresults?(11个答案)关闭2年前。tl;dr-当我尝试使用YYYY-MM-DD格式的日期字符串创建新的Date对象时,它给了我一个不正确的日期(昨天)。为什么?我编写了以下测试代码来帮助我演示我所感知的问题:vardateConfig={weekday:"long",year:"numeric",month:"long",day:"numeric"},dates=["01/21/2014","01-21-2014","2014/01/21","2014-01-21"];for(vari=0;

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - new URL() - WHATWG URL API

我正在摆弄Node,我正在尝试获取URL类的实例(因为那些方便的属性)。喜欢:const{URL}=require('url');(...)http.createServer((request,response)=>{leturi=newURL(request.url);(...)}但是失败了TypeError[ERR_INVALID_URL]:InvalidURL:/这很有趣,因为consturl=require('url');url.parse();有效。所以我对此很好奇。我了解后一种方法较旧。我在本地进行开发,因此要在浏览器中使用localhost:8000发送请求。如何使用re

javascript - 如何使用 jQuery 循环元素中的单个 div

我正在尝试查看以下是否可行:我希望能够连续循环一个元素中的单个div[因此div的开始是在循环时同一个div的末尾。]这不一定是现有的插件。如果可能的话,我宁愿不克隆div。div的宽度将在循环之前通过javascript设置,但可能会进行少量调整。如果有任何想法,我将不胜感激! 最佳答案 jsBindemojQuery:$('.scroller').each(function(){$(this).find('img').clone().appendTo($(this));});(functionmove(){$('.scrolle

javascript - (React-Native) undefined 不是评估 'new FormData()' 的构造函数

在过去的两天里,我一直在努力解决这个问题,但无法弄清楚。我不明白这个错误。这是我的代码:try{varformData=newFormData();}catch(error){console.error('FormDataERROR',error);}这是错误:017-06-2113:49:02.761[error][tid:com.facebook.React.JavaScript]'FormDataERROR',{[TypeError:undefinedisnotaconstructor(evaluating'newFormData()')]line:98419,column:36

javascript - 当 div ID 位于窗口顶部时有条件的 addEventListener

我正在尝试使用addEventListener当用户scroll进入视野.我是通过滚动高度来完成的,但我尝试addEventListener什么时候位于窗口顶部。handleHeaderStuck=()=>{if(this.innerContainer.scrollTop=500&&this.state.isStuck!==true){this.setState({isStuck:true});}}这将setState滚动时500px.如何替换500px的条件当用户使用id="container"时设置作为窗口的顶部?同时替换isStuck状态为isStuckBottom当用户到达di

javascript - 单击由 div 使用 JavaScript 制作的按钮?

在Google+中,用于发表评论的按钮由div构成:Postcomment我想我可以点击它:document.getElementById(":1vq.post").click();但是它说元素没有属性click,我发现onclick是null。那么如何使用JavaScript单击按钮呢? 最佳答案 编辑:在与开始这个问题的wong2聊天后,对这个问题的真正含义进行了很多失败的猜测(问题写得很糟糕),他们试图做的是编写一个Greasemonkey用户脚本来制作回车键按Google+信息流中的发表评论按钮。由于我还没有收到加入Goog

javascript - jQuery 将 div 高度与动态图像高度匹配

我有一张图片,其宽度设置为100%,最小宽度为1024像素。我想将我的“阴影”div保留在图像上,并随着窗口大小的变化匹配它的高度,这会导致图像大小与窗口宽度成比例地变化。我当前的代码似乎什么都不做...模板在这里http://jordan.rave5.com/tmp/您会注意到backgroudn-overlay和background-gradientdiv不会展开100%的文档。那是另一个问题。哈哈。我试图让它们成为BG100%的宽度和高度。jQuery:$('.header-img').css('height',function(imgheight){$('.image-grad

javascript - Div Square,宽度尺寸基于100%高度

我正在尝试制作一个宽度大小基于元素的(100%)高度的响应式正方形。我认为仅使用CSS是不可能的。方形宽度应等于高度(大容器的100%。大容器超过屏幕的100%)。比例必须是width=height以保持正方形。 最佳答案 您可以使用一个很小的内联图像来做到这一点。没有JS,没有额外的文件。.container{height:150px;width:100%;text-align:center;background:#acd;} .square{display:inline-block;height:100%;background: