【js页面模块自由拖动实例_页面背景】教程文章相关的互联网学习教程文章

javascript – IE8 – 按钮背景图像没有显示?【代码】

我有一个提交按钮,其中包含以下CSS:.button{border:1px solid #015691;background-image:url('http://boundsblazer.com/pkg/pics/buttons/small-button.png');color:#ffffff;height:18px;font-size:8pt;font-family:sans-serif, verdana;cursor:pointer;line-height:14px;margin-bottom:-5px;border-bottom-color:#222222;-webkit-border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3p...

javascript – 将css背景设置为本地存储中的图像【代码】

我正在寻找一个base64格式的图像,并将其存储在密钥ImgStorage中的本地存储中,就像在css背景中一样:data:image/png;base64,iVBORw0KGgoAAAANS......到目前为止,我尝试了两种方法: 1)从存储装载并放入css标签:var TheImage = localStorage.getItem('ImgStorage'); $('body').css({ 'background-image': "url(" + TheImage) });2)从存储数据中重新创建画布:var Canvas = document.createElement("canvas"); Canvas.width = 50; Ca...

javascript – 基于背景图像颜色自动对比文本颜色【代码】

我正在寻找一种方法将文本颜色更改为#000或#fff,具体取决于div中名为“banner”的背景图像的主要颜色.在每页上随机选择背景图像,因此我需要能够自动执行此操作.我遇到了JavaScript color contraster,但我很难理解如何正确使用它.我注意到我发布的链接提供了一个javascript解决方案,我也读到了jquery中可能的解决方案. 我对函数毫无头绪,所以如果有人能够清楚地解释我是如何实现这一点的,那里我放置函数以及我如何“称它们”(如果这...

javascript – 在画布背景或矩形中创建一个洞【代码】

我使用fabric.js,我需要一个透明的矩形在画布上,但我需要使用背景.问题是我需要背景在rect下透明. 我创造了一个小提琴来说明我的问题:http://jsfiddle.net/goooseman/5xLE4/2/(我需要背景在广场下透明). 我认为在背景中打洞是不可能的,但我们可以使用另一个矩形作为背景.我创造了另一个小提琴来展示它:http://jsfiddle.net/goooseman/cNJwL/1/我使用此代码使后台rect:var backgroundRect = new fabric.Rect({left: 0,top: 0,fil...

javascript – CSS或JS – 当输入被聚焦时改变输入的背景颜色?【代码】

当输入文本失去焦点时,有没有办法在输入文本上设置背景颜色? 我正在尝试js,但我想知道它是否可能在css pure. 这似乎不起作用input{background-color:#fff !important; } input:focus{ background-color:#333 !important; } //input:unfocused and has value{ ??? :) }$('input,textarea').on('focusout',function(e){if($(this).val().length){$(this).css('background-color','#fff');}});谢谢解决方法:CSS3方法将是,例如:in...

javascript – 如何使用带有“IF”条件的按钮更改DIV的背景颜色【代码】

我的问题可能有点模糊,但这就是我现在所拥有的. Here’s the fiddle I did 每次单击橙色背景按钮时,我需要“更多”按钮将背景颜色更改为橙??色,并且仅当“更多”div仍位于屏幕底部时(“更多”按钮在单击时向上滑动) 还有我的代码的一些片段:<script>$(document).ready(function(){$('.chatbox').hide();$('#btn-chat').click(function() {$("#blk-collaboration .chatbox").slideToggle("slow",function(){$("#blk-collaboration ...

javascript – 使用D3用背景图片填充svg【代码】

我已经发布了一些关于此问题的其他问题,现在已经放弃了我之前使用D3的固体svg条带的bootstrap框架. 我的目标是让3个三角形屏蔽3个图像,这些图像可以单击以仅在三角形内部页面锚定链接. (理想情况下,我也希望在悬停时添加过渡到圆圈的效果,但我现在并不担心这一点). 到目前为止,我有下面的jsfiddle,但无法在三角形内部取消旋转图像,或者使背景只是一个单独的图像而不是现在的封面.我也试过CSS背景图像,但没有成功. 这是我的d3.js代码...

javascript – 使用数组和对象的颜色背景,用于可反转的可重复div【代码】

var ar = ["one_in", "two_in", "three_in"];var colors = {};[ar[0]] = 'blue';[ar[1]] = 'green';[ar[2]] = 'red'; x = document.getElementsByTagName('DIV'); for (var i = 0 ; i < x.length ; i++ ){x[i].style.backgroundColor = colors[x[i].className]; } .one_in,.two_in{ width:100px; height:100px; border:1px solid #000; } <div class="one_in"></div><div class="two_in"></div> 为什么不再这样工作,我想用数组和对...

javascript – 更改响应背景颜色的文本颜色【代码】

考虑这个例子:codepen HTML:<div class="infobox"><span class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel quam in enim pulvinar fringilla. Etiam molestie convallis pharetra. Sed et tortor tortor. Vestibulum ligula ex, rhoncus semper metus ut, hendrerit porttitor risus. Quisque at porta magna. Phasellus vel vulputate diam. Maecenas sem est, aliquet nec odio euismod, pos...

告诉javascript停止执行代码并在函数中间执行背景操作【代码】

对标题感到抱歉,但无法提供任何真实的信息和简洁. 我的情况是我正在启动一个setTimeout,我希望它能够在JS函数的中间运行(它用于解决将GM函数注入网页的问题).unsafeWindow.testG = function(key, dValue){ var rValue; setTimeout(function(){rValue = GM_getValue(key, dValue);}, 0); alert(rValue); alert(rValue); return(rValue); }在三个测试中,rValue仍未定义(这是有道理的,因为JS在大多数情况下是单线程的). 所以我有两个我...

javascript – 如何擦除画布而不擦除背景【代码】

我有一个画布,我drawimage()作为背景. 我有一个橡皮擦工具,我希望能够擦除我绘制的内容,但不能删除画布中的图像.我知道可以将图像作为画布后面的单独元素放置,但这不是我想要的,因为我希望将画布中的内容保存为图像. 我的绘图功能在这里:function draw (event) { if (event == 'mousedown') {context.beginPath();context.moveTo(xStart, yStart);} else if (event == 'mousemove') {context.lineTo(xEnd, yEnd);} else if (e...

javascript – 在图表中设置背景颜色【代码】

我正在使用主题,但我想将图表周围的背景颜色设置为白色或透明或其他东西. 我正在尝试这段代码:var myTheme = dojox.charting.themes.PlotKit.orange;myTheme.fill= "white";chart10.setTheme(myTheme);chart10.addPlot("default", {type: "Pie", labelOffset: -30,radius: 150,startAngle: 45,font: "normal normal 10pt Tahoma",fontColor: "black",labelWiring: "grey",labelStyle: "columns",htmlLabels: true,plotarea: { fi...

javascript – 在背景选项卡上运行画布

我最近创建了一个HTML5画布动画(也使用Processing.js). 问题是当我将浏览器切换到另一个标签时,动画停止播放. 当用户位于与包含动画的选项卡不同的选项卡上时,如何允许动画继续播放? 例:http://jsfiddle.net/EyFTr/3/ 如果您切换标签时钟停止,但如果您打开链接一个新窗口并模糊窗口,时钟仍将移动.解决方法:简短的回答是你不能. https://developer.mozilla.org/en/DOM/window.setTimeoutIn (Firefox 5.0 / Thunderbird 5.0 / SeaM...

javascript – 有没有办法用css为背景图像着色?就像在,只是图像

所以我有一个< div>,并在< div>内一个图标作为背景图像,15px大小,白色,透明背景.有没有办法覆盖图标的白色而不使用JavaScript和CSS在包含它的div中着色? 我已经阅读了一些关于SO和CSS技巧的解决方案,例如色调覆盖(显然不是我的问题的解决方案,因为我只想让图标着色,而不是背景),以及一些令人困惑和错误的建议(使用背景图像与背景颜色相结合). 这对我来说似乎微不足道.或者我们还没有使用CSS3吗?解决方法:您可以采取以下几种方法:...

javascript – 一些懒惰的加载背景图像(b-lazy)没有显示在光滑的轮播中【代码】

我一直在试图解决这个问题. 基本上我正在使用Slick Carousel和Blazy懒惰加载来在旋转木马中显示一些背景图像. 现在,在你回答之前,我很清楚Slick带有延迟加载,但是我已经遇到了使用背景图像的问题所以我正在使用Blazy运行. 问题 我可以得到光滑和笨拙的合作https://jsfiddle.net/a4emf9qu/,不用担心,但是当你拖动(或点击点控件)到第三个图像(或更远)时,除非你滚动或调整窗口大小,我才会加载背景图像不知道为什么. 通过对蹩脚网站的一...

实例 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部