草庐IT

CSS的hover属性

全部标签

javascript - 从函数体内访问函数对象的属性

javascript中的函数也是一个对象,可以有属性。那么有什么方法可以从它自己的函数体内访问它的属性吗?像这样varf=function(){console.log(/*somewaytoaccessf.a*/);};f.a='Test';f();//shouldlog'Test'toconsole 最佳答案 arguments.callee是函数本身,不受函数名称的影响。varf=function(){console.log(arguments.callee.a);};f.a='Test';f();

javascript - Rspec & capybara : Setting focus to an element using jQuery doesn't apply `:focus` CSS

我在我的网页中为盲人和键盘用户提供了跳转链接,这些链接已移出视口(viewport)以在视觉上隐藏它们;当他们获得焦点时,他们会被移动到视口(viewport)中。我想使用RSpec和Capybara测试此行为,但不知何故不起作用。it'movesthefocustothenavigationwhenactivatingthecorrespondinglink',js:truedoexpect(page).not_tohave_css'#main:focus'page.evaluate_script"$('#jump_to_content>a').focus()"click_link'

javascript - CSS 中不规则多边形的悬停效果

我想知道如何为类似于thisimage的map标记和编码悬停效果.当每个区域(或部分)被鼠标悬停/触摸/点击时,我需要更改它的颜色而不影响任何其他部分。每个部分的边界必须能代表图片,不能是正方形。该解决方案不能使用Canvas,因为我正在处理的网站必须在旧版浏览器中可用(我个人感到很沮丧。)理想情况下,我希望在不使用太多JavaScript或大量图像的情况下使用CSS来完成此操作。以前有人这样做过吗?编辑:我知道人们建议使用标记,但据我所知,它不接受:hover伪类。编辑2:我可能会使用这个:http://www.netzgesta.de/mapper/ 最

javascript - 元素中的 "data"属性

运行我的代码没有任何问题。我的问题是:这是我正在做的好事吗?这个跨浏览器/跨平台兼容吗?我正在使用xhtmlstrictdoctype。alert($('#element').attr('data'));现在你可能想知道我为什么不这样做:$('#element').data('json','{"foo":"bar"}');alert($('#element').data('json'));我举个例子说明我为什么要这样做。我正在使用默认头像图像加载一个网站中的所有评论我只想在用户向下滚动时加载正确的图像,因此我需要将正确的图像源存储在某个地方。没有这个我需要做的:$('#avatar-1

javascript - 管理 Web 组件的依赖关系; JS、CSS/SASS 和模板文件

我正在寻找布局我们新的网络组件的结构,目前我不确定我是否找到了一个工具来完成我们理想中想要的所有事情,或者非常接近,但看起来它会成为当今想做的相当普遍的事情。我们有一个运行Java服务器端的Web应用程序,而客户端我们大量使用JavaScript并且SASS,除其他事项外。我们正在寻求重新构建我们的一些代码库,并对动态页面内容的某些方面进行组件化。例如,我们希望有一个标准的表格组件,它可以完全独立于完整的网络应用程序进行开发。我看到表格组件具有以下3个核心文件:table.jstable.scss(我们编译成CSS文件的SASS文件)table.tmpl(我们的模板文件最终编译成JS函

javascript - 通过 JavaScript 移除 CSS 规则

如何通过JavaScript去除CSS规则?varelStyle=document.querySelector('style#the-style');varstylesheet=elStyle.sheet;varrules=stylesheet.cssRules;for(vari=0;ihttp://jsfiddle.net/e3zebmqv/我通过rule.style.color=''成功删除了样式,但规则仍然存在。是否有任何要删除的API?还是应该使用innerHTML?更新在这种情况下,我想删除样式规则,而不是styleproperties.(我不太了解StackOverflow

javascript - 浏览器在使用 CSS 缩放图像时通常使用什么算法?

我正在尝试让canvas以与CSS相同的视觉保真度渲染缩放图像。根据我的测试(在Chrome版本43.0.2357.130中完成),它似乎不是Lanczos3,尽管我使用ResampleScope进行了测试。表明它应该是。看这里:用于产生这些结果的代码:“CSS”:“Canvas绘制图像”:ctxNative.drawImage(img,0,0,200,200);“Canvas变换”:ctxTransform.transform(200/img.width,0,0,200/img.height,0,0);ctxTransform.drawImage(img,0,0,img.width,

javascript - JSON 模式中的自定义属性

使用自定义属性扩展JSON架构是否有效?我问的原因是,因为我正在使用模式来呈现模式描述的JSON表单(模式中描述的每个属性都用作带有标签和某种输入的表单元素)。如果能够使用我主要用于表单呈现的一些属性来扩展架构,那将很有用,但在使用架构验证JSON对象本身时会忽略这些属性。我可以对JSON对象有两种不同的表示形式(一种是模式,另一种是具有自定义属性的模式对象,我只是为了创建表单,但如果我可以将两者结合在一起,维护起来会更容易).不幸的是,Google并不是很有帮助,而且我没有大量使用JSON模式的经验,所以如果我遗漏了一些明显的东西,我深表歉意。编辑1:示例架构片段:{"title":

javascript - 按属性值获取数组中的下一个对象?

背景我有一个对象(用户)数组,定义和设置如下://objectdefinitionfunctionUsers(){this.Id=null;this.Name=null;this.FirstName=null;this.LastName=null;this.IsActive=null;this.Title=null;this.index=null;this.selected=null;}//objectarrayvarAllUsers=[];//...//anajaxcallretrievestheUsersandaddsthemtotheAllUsersarray//...索引值在每

javascript - 全局变量和全局对象的属性之间有什么区别吗

我正在阅读DavidMark关于js框架“Sencha”的以下分析:https://gist.github.com/3279190他在那里说...Whattheywantedwasaglobalvariable,buttheyendedupwithisapropertyoftheGlobalObject.Accordingthespecificationsand(andimplementationhistory)thereareenoughdifferencesbetweenthetwothatcareisrequirednottomixthemup(asisdonehere)....