草庐IT

css_table_of_contents

全部标签

javascript - 网络音频 API : How Can I Re-start the Playback Of a Sound?

我在Chrome中编写了一个基本脚本,它使用新的WebAudioApi加载3个声音文件(通过XMLHTTPRequest)并单独播放每个文件。我为每种声音提供了一个单独的按钮,允许用户开始和停止每种声音。该脚本会立即加载所有三个声音文件,完成后,取消播放按钮的灰色,以便用户只能在声音准备就绪后点击播放。此外,声音是循环播放的,因此单击按钮时每个按钮上的标签会在“播放”和“停止”之间变化。这一切都很好...当您单击“播放”按钮时,您会听到循环播放的声音,而当您单击“停止”时,声音会停止。但是,当您第二次尝试重新播放相同的声音时,该声音不会再次开始播放。每次单击“播放/停止”按钮时,都会调

javascript - 使用 JavaScript 读取元素的 CSS 属性

因此,如果有一个链接到网页的css文件,例如:我想读取某个属性,例如一个div有className='layout',我想使用JavaScript读取这个属性的详细信息,我该怎么做?我搜索了很多但几乎没有运气,请建议。 最佳答案 你有两个选择:手动枚举和解析document.styleSheets对象(不推荐,除非你想获得某个选择器定义的所有特定样式属性)。创建一个与选择器匹配的元素,并使用getComputedStyle或currentStyle(IE)方法获取属性值。在您的示例中,尝试使用class="layout"获取div的

javascript - 带动画的 CSS 灰度

我有一些CSS可以将我的图像变成灰度(带有一些用于Firefox的svg)img.grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:url(desaturate.svg#greyscale);filter:gray;-webkit-filter:grayscale(1);}但现在我想要悬停时将灰度值更改为0的动画。我有这段代码,但它什么

javascript - 如何将 CSS 过渡设置为新元素或使用 JavaScript 执行相同操作

我看到一个CSS3菜单,它有很好的过渡效果:transition:all0.3sease0.1s;我想对我的表格应用相同的过渡。我有一个表格,在表格行上点击,新行被添加到点击的行之后,它被显示或隐藏。就像下面的代码(clickedTableRow具有用于点击行的jQuery选择器的值):clickedTableRow.after('somecontent');clickedTableRow.next().slideDown(3000);我怎样才能将上述css转换应用于新添加的表格行,而不是slideDown或者是否有等效的javascript?问题更新:也许我应该改写。将一些新创建的内

javascript - Ember 路由器记录错误 : "Ember.CollectionView' s content must implement Ember. 阵列”

这里是相当直接的Ember问题,(我希望!)。我有一个简单的Ember数据设置。一个应用程序有多个版本。这是我的应用模型:App.App=DS.Model.extend({name:DS.attr('string'),publicKey:DS.attr('string'),versions:DS.hasMany('App.Version',{key:'version_ids'})});我的路由器相当简单:App.Router=Ember.Router.extend({location:'hash',root:Ember.Route.extend({index:Ember.Route.e

javascript - 水平滚动的 Css 位置固定但垂直滚动

我有如下三个div:现在我需要做的是保持#left和#right固定用于水平滚动和滚动#center。这适用于#left和#right的cssposition:fixed。但问题是,当我垂直滚动html页面时,我需要所有div的,即#left、#center和#right滚动。这是行不通的。请任何人帮助我如何做到这一点,以便#left和#right与#center一起垂直滚动,并在水平滚动时保持固定。我不知道如何使用css来完成它并让它工作。 最佳答案 试试这个链接,它使用一个名为scrollspy的插件来做这些事情。很简单...h

javascript - 你如何检测 CSS 动画何时以 JavaScript 开始和结束?

我习惯于使用JavaScript为元素设置动画。我发现用CSS3做起来更简单。如何使用JavaScript检测CSS动画何时开始以及何时结束?有什么办法吗? 最佳答案 将适当的事件绑定(bind)到元素,例如el.addEventListener("animationstart",function(){},false);el.addEventListener("animationend",function(){},false);el.addEventListener("animationiteration",function(){}

javascript - 使用 Javascript 切换 CSS 表格(点击)

试图找到仅用一个按钮在两个样式表之间切换的代码。我试图适应其他人的解决方案,但无济于事(还)。这是我最近的尝试:设置:functiontoggle(){varel=document.getElementById("style1");if(el.href=="resumecss.css"){el.href="resumecssinvert.css";}else{el.href="resumecss.css";}}调用:Switch目的是在一个页面上的两个皮肤之间重复翻转。提前感谢那些善良/知识渊博的人提供帮助。 最佳答案 尝试包括他们

javascript - Bootstrap table Js 中的 data-sort-name 是如何工作的?

我正在使用以下库:http://bootstrap-table.wenzhixin.net.cn/documentation/我将json对象加载到这个工作正常的表中,但现在问题来了。我希望能够对列进行排序。我的Json布局如下:[{"Total":12345.56,"Name":"Monkey1","TotalFormatted":"$12.345,56"},{"Total":13345.56,"Name":"Monkey3","TotalFormatted":"$13.345,56"},{"Total":11345.56,"Name":"Monkey2","TotalFormatt

javascript - 如何触发 :active pseudoclass on keyboard 'enter' press?(仅使用 CSS)

CSS:a:focus{opacity:.75}a:active{transform:translateY(4px)}意图:使用:focus样式作为视觉提示,使用键盘用户跳转到链接他们点击enter激活链接;:active样式提供视觉按键反馈问题::active样式可以正确触发鼠标点击,但不能触发按键。我可以只用CSS解决这个问题吗? 最佳答案 好问题!是的,你不能再这样做了。很久以前,MSIE将:active当作:focus来处理,所以有一种方法可以通过超链接来实现这一点(这是在千兆互联网速度之前和浏览器的时候除了愚蠢的挥动旗帜或