草庐IT

背景图

全部标签

javascript - RegEx 从 CSS 背景样式中提取 URL

我有一个这种形式的字符串:url("http://www.example.com/imgs/backgrounds/bg80.jpg")repeatscroll10%0%transparent这是来自某个元素的CSS样式,该元素目前在页面上不可见。我需要做的是预加载该背景图片,但为此我需要它的URL,并且我正在尝试编写一个正则表达式来找到它。我知道http://www.example.com/imgs/backgrounds/部分保持不变,唯一改变的是图像名称本身,它可以以结尾。jpg或.png.这是一次尝试:(http:\/\/www.example.com\/imgs\/backg

javascript - JQuery:如何在网站中运行背景音乐?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion我正在寻找可以在我的网站打开时运行背景音乐的插件或代码。这种类型的功能通常出现在flash网站的背景中,但我想在我的网站中使用jquery实现它,请提供任何插件或代码链接,这将帮助我解决这个问题。谢谢

javascript - 使用 setInterval 在 jquery 中闪烁带有背景颜色的 div

代码:CSS:#divtoBlink{width:100px;height:20px;background-color:#627BAE;}JavaScript:setInterval(function(){$("#divtoBlink").css("background-color","red");},100)但是什么都没有发生谁能告诉我我做错了什么?fiddleHere 最佳答案 我建议您不要使用javascript更改颜色。最好通过CSS执行此操作。更改样式应该在样式工作表中完成,而不是在JS中(如果您想要更改其他/更多属性)。

javascript - React js css类背景图片不可见

我在React组件中添加了一个类。CSS文件:.bg{background:url('../img/bg.jpg');border:2pxsolidblack;}React渲染方法:render(){return(HeyThis);}浏览器显示边框并加载图像,但图像不可见。截图如下:谁能告诉我我做错了什么? 最佳答案 这很可能发生,因为div.bg没有指定height。因此,它的高度正好适合文本内容。任何大小的背景图像都不会影响其父元素的大小。如果您的目标是能够看到整个图像,则需要为div.bg指定一个与原始图像的高度相匹配的hei

javascript - 背景 Canvas 与常规 Canvas 的性能

不久前,webkit(以及Safari)开始支持元素的CSSCanvas背景(来源:http://www.webkit.org/blog/176/css-canvas-drawing/)。这可以大大简化游戏和多媒体的创建,因为您不需要将Canvas标签注入(inject)DIV(例如),而只需直接挂接到DIV的背景即可。也许是这样的:vartarget=document.getElementById("gameview");varwd=target.clientWidth;varhd=target.clientHeight;varcontext=document.getCSSCanva

javascript - 混合两个音频缓冲区,使用 web Audio Api 将一个放在另一个的背景上

我想通过将一首歌曲作为另一首歌曲的背景音乐来混合两个音频源。例如,我有输入:解码这些文件的脚本:window.AudioContext=window.AudioContext||window.webkitAudioContext;varcontext=newwindow.AudioContext();varsources=[];varfiles=[];varmixed={};functionhandleFilesSelect(event){if(event.target.files.lengthi+1){readFiles(i+1,callback);}else{if(callback

javascript - 具有动态背景的 div 的最大高度和最大宽度?

我有一个代码负责裁剪图像并将其裁剪区域保存在div列表中。这些div中的每一个都代表每个裁剪后的图像。但问题是-我不希望它们太大,我希望它们具有fixed高度和宽度,例如最大100x100像素。具有工作图像裁剪功能的Codesandbox:https://codesandbox.io/s/fast-frost-0b5tt与裁剪逻辑相关的代码:constwidth=pos.w+"px";constheight=pos.h+"px";constmarginLeft=-pos.x+"px";constmarginTop=-pos.y+"px";return();您会看到图像裁剪效果很好,但是

javascript - 背景图像调整大小以适合

我试图让背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率调整它的大小(不确定通常使用什么,但我认为浏览器大小很有意义这里)。这个想法是,如果查看器屏幕很小,则背景图像会变小,并且随着屏幕变大,图像会扩展以适应其最大尺寸。我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。 最佳答案 我猜你正在寻找类似的东西:http://css-tricks.com/how-to-resizeable-background-image/ 关于javascript-背景图像调

javascript - 获取背景图片的最终大小

即使应用了background-size属性,是否有一种简单的方法可以使用Javascript或jQuery获取背景图像的最终高度和宽度?我的意思是,我知道我可以获取背景图像url并将其加载到Image对象,然后获取宽度和高度。但它是源图像的大小。如果有人用CSS缩放它,那么大小就会改变如何找到它的最终大小?@编辑它与标记为相似的问题不同,因为它没有说明如果有人更改了background-size如何获取像素大小 最佳答案 使用getComputedStyle,我创建了这个脚本,它返回给定元素背景的宽度和高度,以像素为单位。它适用于

javascript - jqGrid:根据列名称的行单元格值更改行的背景颜色

jqGrid有一个名为Posted的列。它可以放置在不同的位置,具体取决于客户如何配置网格,但始终存在。如果Posted列的值为True,我需要更改行的背景颜色我在下面尝试了colmodel,但alert(rdata.Posted)总是显示未定义。如果此行中的Posted列的值为true,如何更改行的背景颜色?我研究了很多Oleg和其他更改背景颜色的解决方案,但他们使用的是硬编码列号。colModel:[{"cellattr":function(rowId,tv,rawObject,cm,rdata){if(rdata.Posted)return'class="jqgrid-reado