【javascript – 悬停在一个元素上更改另一个元素的背景img】教程文章相关的互联网学习教程文章

javascript-jointjs纸张背景颜色【代码】

我正在设计一个使用jointjs绘制图形的UI. 我需要更改Paper的背景颜色,但我发现更改.viewport CSS(例如background-color:#ff0000;),这不会影响svg的外观. 如何在jointjs纸的背景中添加颜色? 谢谢解决方法:初始化纸张时,在纸张上添加背景选项var paper = new joint.dia.Paper({background: {color: '#ff0000'} });你可以在Jointjs paper documentation....

javascript-Fabric js剪辑对象到背景图像【代码】

我正在使用Fabric js,遇到一个问题,我必须将用户添加的对象(文本,图像,svg等)剪辑到画布中设置的背景图像.背景图像可以是png或svg(具有多路径).背景图像的形状不均匀,例如叶子,衬衫等. 怎么做?解决方法: var canvas = new fabric.Canvas('canvas'); fabric.Image.fromURL('https://upload.wikimedia.org/wikipedia/commons/a/a2/Litchi_chinensis_leaf.png',function(img){ img.scale(0.3); canvas.setBackgroundImage(img); canv...

javascript-高图表的背景颜色【代码】

我有一个要求,我似乎无法弄清楚该怎么做. 我的图表需要具有背景色,但海图中不需要标签.有可能吗,有人可以帮助我吗? 示例链接在这里为背景色的图表.chart: {backgroundColor: '#FCFFC5',type: 'line'},jsFiddle 但是我需要的是:在此图像中,红色部分所覆盖的区域无需具有背景色.解决方法:您可以分别设置图表背景颜色和绘图区域背景颜色:chart: {backgroundColor: '#fff',plotBackgroundColor: '#fcffc5' }更新的小提琴: > http:/...

javascript-在滚动时设置类的背景色,并且该类必须位于固定位置【代码】

我需要在滚动时更改class(backwhitemarq)的背景颜色,并且class backwhitemarq必须固定位置吗? html代码:<div class="backwhitemarq">/*i need to change the background color for this class.*/<center> offer of the day</center> </div>CSS代码:.backwhitemarq {background-color: #f6e454;padding: 3px;border-radius: 3px;height: 44px;margin-top: 15px;position:fixed; //fixedwidth:100%;z-index:100; } .spacewww ...

javascript-无法使用jspdf和chartjs向画布添加背景色【代码】

我正在使用jspdf插件将条形图导出为pdf.图表上的条形为白色,因此当我导出为pdf(作为png图像)时,这些条在pdf的透明背景上不可见.我在容器上添加了灰色背景色,以使白色条清晰可见.当我将图形导出为pdf时,它仍显示透明背景而不是灰色.有人可以告诉我我在想什么吗? javascript:$(document).ready(function(){$('#hyppdf').click(function(){var canvasImg = document.getElementById("myChart").toDataURL("image/png", 1.0);var...

javascript-根据td元素.text()值,使用css背景图像的存储值访问对象【代码】

我检查了其他答案,但没有发现任何相似之处.我不确定我的方法是否可行. 我有一个CRUD应用程序,所有的PHP和SQL代码都可以正常工作.在用户输入时,它获取所查询食物的食物值. 食物名称放在td元素中. 我想要的是基于该td元素.text()方法的jQuery值添加背景图像. 这是HTML,都是在服务器端生成的:<tr><th>#</th><th>Food Name</th><th>Calories/100g</th><th>Proteins</th><th>Carbohydrates</th><th>Fats</th><th>Time_to_burn_by_runni...

Javascript背景颜色切换onclick【代码】

var bac=document.querySelector("button");bac.addEventListener("click", function(){if (document.body.style.background="white"){document.body.style.background="purple";}else if(document.body.style.background="purple"){document.body.style.background="white";}});为什么此代码将背景色更改为紫色onclick而不更改为白色?解决方法:您正在使用=进行相等比较,但是您需要==var bac=document.querySelector("button");/*...

JavaScript:根据所选择的内容设置表中包含的背景色【代码】

我不熟悉JavaScript,但是我正在编写的软件会在html文件中生成一张大表,因此我可以尝试使用JavaScript进行某些样式和行为. html文件包含一个很大的数据表.表格的其中一行包含一个下拉框,其中的三个框具有相关的颜色: 通行证:绿色|失败:红色|无:蓝色 作为用户的视觉辅助工具,我尝试设置包含的背景色以映射到所选项目的颜色.程序启动时,某些下拉框将设置为通过或失败(或不设置),因此JavaScript必须将td背景色映射设置为选择框: >...

javascript-有没有办法在IE中获取边框半径和渐变背景?

我想知道是否有使用JavaScript的变通办法,或者使用IE来显示边框半径或渐变背景的方法是什么?解决方法:jquery至少要选择“ radius / corners”项. 有关渐变背景,请参见this.

使JavaScript每5秒更改一次背景图片【代码】

我试图每5秒更改一次我的背景图片.我应该怎么做?window.onload = function () {function Timer() {window.setInterval("changeImage()", 5000);}function changeImage() { var BackgroundImg["./Img/Bg1.jpg","./Img/Bg2.jpg","./Img/Bg3.jpg","./Img/Bg4.jpg"];var i = Math.floor((Math.random() * 3));var bgImg = document.body.style.backgroundImage();bgImg.url = BackgroundImg[i];} }解决方法:您错误地访问样式window....

javascript-输入文本后使输入字段背景图像消失【代码】

一旦用户在其中输入了任意数量的文本,我想使输入字段的背景图像消失.有没有一种简单的方法可以在javascript中做到这一点?我知道了,以便在聚焦该字段时bg消失,但是一旦它们移至下一个字段,它就会返回. HTML: 通过< input name =“ phone” type =“ text” class =“ phone-field” id =“ phone”>给我打电话CSS:.form input {background-color:transparent; } .form input:focus {background-color:#edc;background-image:...

javascript-将背景图像居中对齐【代码】

这是html:<div class="gallerybox"> <a href="/CustomContentRetrieve.aspx?ID=398791"> <img alt="" src="/Utilities/image.jpg" width="400" height="400" /> </a> </div>这是CSS:.gallerybox {width:200px;height:200px;overflow:hidden;}谁能告诉我在div.gallerybox中(垂直)和中心(水平)内对齐链接图像的方法吗?也许使用javascript,jQuery或仅使用CSS?解决方法:也许像下面这样:<div class="gallerybox"> <a href="/Custom...

JavaScript-我要在单击后更改背景颜色?【代码】

我想在点击后更改背景颜色 这是我的HTML代码<td class="meun" onclick="getclick();">...</td>这是我的JavaScript:function getclick() {this.style.background-color: #EFF2F7; }http://jsfiddle.net/3ZmCh/ 我想在表格中的td上单击任意一个以更改其背景颜色时解决方法:http://jsfiddle.net/ThiefMaster/3ZmCh/16/ 您需要将此作为参数传递,并在处理程序方法中使用适当的JavaScript:function getclick(elem) {elem.style.backgro...

javascript-根据背景更改导航字体颜色【代码】

我的问题是这个.我有一个固定的左侧导航栏,我必须根据其下面部分的背景来更改列表字体的颜色.代码类似于fiddle.因此,如果该部分为黑色且在链接下方,则看不到该文本.我必须根据其下一节的背景来更改每个列表,以便使其可读. HTML<div class="content"><div id="left_side"><div id="static_menu" class=""> <div id="main_navigation" class=""><ul class="menu mainLeft" id="mymenu"><li><a href="#section1">Nav ...

如何使用JavaScript将画布的背景颜色设为白色?【代码】

我想做的事 我想知道如何将背景色设为白色. 我用画布构建了一个绘图应用程序.您可以通过单击下载按钮下载绘制的画布图像.但是它的背景色是黑色的(技术上是透明的). 如何将其更改为白色? 我尝试了什么 我将以下代码添加到我的代码中,但是效果不佳.我什么都画不出来.ctx.fillStyle = "#fff"; ctx.fillRect(0, 0, canvas.width, canvas.height);这是我的代码const canvas = document.querySelector('#draw'); const ctx = canvas.get...

IMG - 相关标签
元素 - 相关标签
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 全部