草庐IT

css_table_of_contents

全部标签

javascript - 如何以编程方式将 CSS 定义应用于整个页面?

我确定信息已经存在,但我找不到;抱歉:-/我想使用JavaScript创建CSS规则,并将它们应用到整个页面,就好像它们在文档头部的样式元素中一样。我不想通过生成CSS文本来实现-我想将规则保留为我可以更改的实体(JavaScript变量),从而在以后更改页面的外观。任何帮助将不胜感激! 最佳答案 我找到了我想要的:http://www.javascriptkit.com/dhtmltutors/externalcss3.shtml.(感谢所有回答和评论的人。我想要的——并最终找到了,见上面的链接——是一个实际的CSS规则对象,我可

javascript - 在 Leaflet.js 或非 Google map 库中使用 Fusion Tables 磁贴?

我喜欢GoogleFusionTables可以在map上高效显示数千个标记这一事实。我的问题:是否有可能(在技术上和法律上)显示FusionTableslayer在以下任一情况下,位于OpenStreetMapmap图block之上:使用Leaflet.js带有OSMtiles和FusionTables层。我不确定这在技术上是否可行,更不用说在法律上了。将GoogleMapsAPI与FusionTableslayer结合使用和OpenStreetMap瓷砖。从技术上讲,这显然是可能的,但我不确定FusionTables结果是否必须显示在Googlemap图block上(就像Google

像 css3 转换一样的 Javascript

我想做一些类似-moz-transition的效果,给我一个动画旋转图片。或将图片从包装底部移到顶部。为了阐明我想要的方式,请看一下ThisLink并查看slider下方的四张图片。它使用-moz-transitionCSS3效果,但我想用js或jQuery来制作动画,即使在IE中也是如此。有插件吗?非常感谢 最佳答案 jQuery的.animate()将以跨浏览器的方式执行此操作。$('.button').animate({top:'-=50'},400); 关于像css3转换一样的J

javascript - 使用 jQuery 或 JavaScript 绑定(bind)到自定义 CSS 动画结束事件?

我们对同一个对象有多个动画。当每个动画结束时,我们需要采取不同的操作。现在,我们绑定(bind)到webkitAnimationEnd事件,并使用粗糙的if/then语句以不同方式处理每个动画。有没有一种方法可以从根本上创建自定义webkitAnimationEnd事件,从而允许我们在特定动画结束时触发特定事件处理程序?例如,在animation1结束时触发handler1,在animation2结束时触发handler2。我们正在为Webkit浏览器构建,特别是MobileSafari。谢谢! 最佳答案 对于一个简单的事件触发器,

javascript - D3js : Dragging a group by using one of it's children

Jsfiddle:http://jsfiddle.net/6NBy2/代码:varin_editor_drag=d3.behavior.drag().origin(function(){varg=this.parentNode;return{x:d3.transform(g.getAttribute("transform")).translate[0],y:d3.transform(g.getAttribute("transform")).translate[1]};}).on("drag",function(d,i){g=this.parentNode;translate=d3.tr

javascript - 屏幕旋转时 WKWebView CSS 渲染问题

首先,所有可能的iOS版本上的UIWebView都可以完美运行,所以这是一个特定的WKWebView问题。在我完成WKWebView的实现后,我遇到了一个巨大的图形错误/问题。在纵向模式下,我的应用程序运行良好,但是当我将它旋转为横向时,会发生一些奇怪的事情,我的页眉和页脚无法正确呈现。如果我查看我的网络代码,我可以看到DOM中的CSS宽度正在使用正确的数据进行更新,但我只能看到页眉/页脚的纵向宽度(320px),即使它显示为style=“width:568px;”在DOM中。我正在使用positioning:fixed但如果我更改为positioning:relative它会在屏幕旋

javascript - 带有CSS动画的Jquery removeClass不起作用

我有以下表格行背景的css规则,tr.unread{background:rgba(237,239,245,0.70)nonerepeatscroll00;-webkit-transition:background1slinear;-moz-transition:background1slinear;-o-transition:background1slinear;transition:background1slinear;}我想从tr中删除带有淡出动画的.unread类(如果可能,不使用Javascript/Jquery)。但它只是删除了没有任何动画的类。Javascript:$('

javascript - Jquery 未捕获类型错误 : Cannot read property 'replace' of undefined

任何人都可以告诉我为什么会出现此错误:未捕获的类型错误:无法读取未定义的属性“替换”functioncheckNewPost(x){varpid=$('#NewPostbody').attr('class');if(pid==='post-t'){setTimeout(checkNewPost,);}else{$.ajax({type:"POST",url:"/html_postReply.php",data:"pid="+pid.replace('post-t','')+"&type=1",success:function(html){if(html){$('.tekin').app

javascript - 使用 coffeescript 的 ng-table 多模板过滤器

我正在同时使用AngularJS、ng-table和coffeescript,我想在coffeescript中创建一个多模板过滤器并将其传递到我的angularjs模板中。我有一个名字和姓氏组合列,我想要两个用于“姓名”和“姓氏”的过滤器。到目前为止,我是这样工作的;但是我想像这样在我的AngularJSController中定义这个过滤器$scope.nameFilterDef={name:{id:"text",placeholder:"Name"},surname:{id:"text",placeholder:"Surname"}}然后像这样使用过滤器清理我的模板;当我这样调用过滤

javascript - Angular : circular dependency of specific case

前段时间,我开始重构我的主项目代码,根据指南将业务逻辑从Controller解耦到服务。一切顺利,直到我遇到循环依赖(CD)的问题。我阅读了一些关于这个问题的资源:Question1onStackOverflowQuestion2onStackOverflowMiškoHeveryblog不幸的是,我现在还不清楚,我该如何解决我的项目的CD问题。因此,我准备了一个小演示,它代表了我项目的核心功能:LinktoPlunkerLinktoGitHub组件的简短描述:gridCtrl不包含任何业务逻辑,仅触发数据加载,当数据准备好时,显示网格。gridMainService这是主要服务,包含