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

javascript可以“检测”浏览器的打印设置(特别是如果选择了打印背景色)?【代码】

我想知道是否可以使用JavaScript来检测浏览器的打印设置是否显示背景色.我不想尝试更改设置,我只想响应设置状态. 我对JS还是比较陌生,如果在其他地方重复此操作,我深表歉意,但是我花了几个小时进行搜索,我想到的所有事情都是关于设置状态的,而不仅仅是获得状态. 我的用例是这样的: 我有内部和外部div的CSS进度栏.内部div宽度和颜色显示进度(颜色根据某些条件更改).大多数视图将显示在屏幕上,而95%的打印将显示为PDF,其余5%的打印...

javascript-如何在不调整大小或裁剪的情况下制作整页背景图像【代码】

我需要的是以下站点的确切功能,但这不是幻灯片,它只是褪色的背景图片: http://www.stevenharrisarchitects.com/ 图像的宽度为100%,高度为100%,因此不会发生裁切,这正是我想要的.我设法使用以下代码轻松完成了这一部分:#bg-stat { background: url('images/LANDING_PAGE.jpg') no-repeat center center fixed; height: 100%; background-size: 100% 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-bac...

javascript-THREE.js-如何淡化背景?【代码】

我正在尝试重新创建淡化绘制缓冲区并留下绘制对象的痕迹的效果,而不是在每一帧都清除它.这是一个非常简单的效果,在2D模式下将像这样进行:http://jsfiddle.net/faRW3/1/// draw stuff c.fillStyle = "red"; c.fillRect(Math.sin( time )*50+70, Math.cos( time )*50+70, 20, 20);// fade background c.fillStyle = "rgba(255, 255, 255, 0.25)"; c.fillRect(0, 0, canvas.width, canvas.height);但是我还没有在WebGL中找到做到这一...

javascript-更改离子视图背景颜色【代码】

我正在使用ionic,我已经使用ion-view创建了我的主标题<ion-view title="test" class="frame_look_feel"> <ion-nav-buttonsside="left"> <button menu-toggle="left" class="button button-icon icon ion-navicon"></button> </ion-nav-buttons> <ion-content class="has-header"> <h1>Search</h1> </ion-content> </ion-view>我正在尝试通过使用CSS更改标题的颜色,并且该颜色始终保持为灰色.正确的做法是什么?解决方法:您只需要在...

javascript-淡入淡出更改背景图像【代码】

我有一个脚本,可根据滚动位置在背景图像之间切换.我能够使背景图像正确切换,但是有人要求我有背景图像fadeIn()而不是简单地进行更改.基本上,我要遍历背景图像,并且我希望上一个图像为fadeOut(),下一个图像为fadeIn().是否有可能做到这一点?如果是这样,怎么办?这是脚本.$("#scroll").on("slidestart", function(ev, ui){$(this).on("mousemove touchmove", function(){var slider_pos = $("span").offset().top;$("#menu").find("...

Javascript-浏览器扩展:在浏览器操作弹出窗口和背景脚本之间发送消息(带有响应)【代码】

首先,我不需要长期连接.我正在特别寻找一种发送消息并发送对这些消息的直接响应的方法. 当您在内容脚本和背景脚本之间发送消息时,这很简单,因为您使用chrome.tabs API从内容脚本发送消息/从内容脚本接收消息.并使用chrome.runtime API从/向后台脚本发送/接收消息. 但是对于浏览器操作弹出窗口,则有所不同,因为两者都在后台运行.因此,我想他们俩都必须使用chrome.runtime API. 但这意味着我必须在我的浏览器操作弹出窗口和背景脚本中...

如何在使用JQuery或JavaScript的背景之前更改#new-quote :?【代码】

我想知道如何更改#new-quote:before元素的背景,因为在此线程中使用信息:Changing width property of a :before css selector using JQuery,我了解到我们只能使用特殊技术并且仅使用CSS的content属性来执行此操作.但是CSS的其他属性(例如背景)呢?colors = ["#ff9966","#7f00ff","#396afc","#0cebeb","#06beb6","#642b73","#36d1dc","#cb356b","#3a1c71","#ef3b36","#159957","#000046","#007991","#56ccf2","#f2994a","#e44d26",...

JavaScript-jQuery:选择选项和背景色【代码】

问候,具有这样的选择框:<select id="events"><option value="1" style="background-color:green;">Event 1</option><option value="2" style="background-color:yellow;">Event 2</option><option value="3" style="background-color:blue;">Event 3</option><option value="4" style="background-color:red;">Event 4</option> </select>在此选择框的初始浏览器呈现以及每次完成选择时,我都希望选择框“事件”获得所选选项的背景...

如何使用JavaScript更改复选框背景【代码】

我的表格上有三个复选框.我想在选中时更改复选框的背景颜色.是否可以为表单上的所有复选框编写单个脚本?解决方法:跨浏览器更改复选框的背景颜色不一致. 看一下this link,以了解它们的外观. 如果您想更改背景颜色并使其始终如一地工作,那么最好查看JavaScript表单扩展. 该链接提供了一些:25+ jQuery Plugins that enhance and beautify HTML form elements,而Google将提供更多. 编辑:如果您想使用jQuery解决它,则可以使用wrap()和...

javascript-更改行extjs4的背景颜色【代码】

我有一个名为“ grid”的网格,在加载时,有几行被插入到网格中.一些行将显示为绿色,将成功输入行,而背景色为红色的行将出现错误.我可以在某个时候使用它,但是错误行将被添加到带有红色背景色的网格中.然后,当我尝试添加新行以向其中输入新数据时,所有行都变为白色.然后,这一切都停止了.我试过了store.insert(0, r).addClass('error-row'); 和Ext.fly(grid.getView().getRow(0)).addClass('error-row');和var cls ='error-row'addRow...

javascript-将鼠标悬停在同一表格的另一行时,更改表格行的背景颜色【代码】

这是我的第一篇文章,我绝不是一个熟练的HTML / CSS / JavaScript程序员,所以如果我对自己的表述不够清楚,请多多包涵-太罗y了! 我正在为表格内容使用经典的HTML表格,并且希望能够更改与我当前所悬停的行不同的背景色. 这样做的原因是,我有许多表分为“子表”,每个表都有自己的标题和下面的一个或多个行.但是,这些子表(都具有相同的样式)没有被编码为表,而是我仅使用不同的类来为其设置样式(这主要是因为它们是如此之小,每个incl标头...

javascript-jQuery用淡出和淡入效果替换身体背景图像【代码】

我只想用fadeOut更改主体的背景图像,并用fadeIn替换第二个图像.但是我收到以下错误:Uncaught TypeError: Object url(file:///C:/Users/.../p1bg_cutted.png) has no method 'fadeOut'$('body').css("background-image").fadeOut('slow',function(){$("body").css("background-image","url(Images/son_componentler/p2bg_cutted.png)").fadeIn('slow')});我可以更改图像而无需淡入/淡出,但是我想在那种情况下我犯了一个语法错误.解...

javascript-使用mootools Fx缩放背景大小【代码】

我正在尝试使用mooTools Fx缩放div的背景图像.我遵循了david welshs article进行自定义转换.我的mooTools / js技能非常基础,所以 我也想知道是否有可能合并使用例如正弦转换(尽管看起来不像). 这是我尝试的:http://jsfiddle.net/q2GQ7/ Javascript:$$('#program a').each(function(item, index){item.store('BackgroundZoomer', new Fx({ duration: 250})); }); $$('#program a').each(function(item, index){item.retrieve('Bac...

Javascript:如果选择了选项,则更改选择背景颜色【代码】

我正在寻找一会儿Javascript函数,如果选择了一个选项,该函数会更改选择字段的背景颜色. HTML:<select name="classNumber" id="classNumber"><option selected disabled value="0">Bitte Klasse ausw?hlen</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><...

javascript-按钮上的jquery背景颜色更改在表内单击【代码】

我在表内有按钮,单击表内按钮要更改该按钮的背景色和其他颜色相同的按钮 我尝试使用如下的jQuery$('#bt1').click(function() {$('#bt1').css('background', 'red'); });但仅适用于一个按钮<table id="abcd"><tr><td><button class="cellGreen" id="bt1"><font>HOME</font></button></td><td><button class="cellGreen" id="bt2"><font>PROJECT</font></button></td><td><button class="cellGreen" id="bt3"><font>TEST</font></but...

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 全部