【js实现的层变换效果_页面背景】教程文章相关的互联网学习教程文章

javascript-是否有大小限制,例如32bytes或64Bytes?在内容脚本和Chrome扩展的背景页面之间传递消息的方法?

我正在开发一个chrome扩展程序,该扩展程序可以从网页中提取大型公钥.我需要知道是否会遇到我在Google网站上找不到的与其消息传递API相关的限制. 谢谢!解决方法:当您使用chrome.runtime.sendMessage时,该消息将被序列化,并一次性从发送方的进程(例如,包含内容脚本的标签)发送到扩展程序的进程(背景页面). IPC消息的硬限制为128 MB.如果发送的内容超出此限制,则发件人的进程将被终止. 现在,消息大小为128 MB并不意味着您可以发送长度...

javascript-是否可以在div中对img标签而不是背景图片进行视差处理?

我遇到了许多视差教程(特别是我现在正在看的一个:http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/);但是,它们似乎都在< div>中包含了背景图片.那是固定的.如果我的图像位于< img>中,则有可能实现类似的视差效果.标签?解决方法:如果您使用相同的属性,那么可以 一个例子可以在这里看到:http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-we...

javascript-从HTML5画布中的图像中删除背景色

我正在尝试从加载到HTML5画布中的照片图像中剥离背景.想想像是绿屏效果. 我正在使用HTML / JS / jQuery 照片的背景将是例如绿色的窗帘.由于光线等原因,整个窗帘上的颜色不会准确. 我现在正在做的是抓取用户在Canvas中单击的像素的RGB值.然后将其视为背景.我添加该像素的R G B来设置被视为背景的像素. 然后,我逐像素浏览画布,检查像素是否接近设置为背景的RGB值(例如在上下50个范围内).如果匹配,我将像素更改为画布内的透明像素. 这...

javascript-React Navigation默认背景色【代码】

我正在使用react-navigation和堆栈导航器来管理屏幕. 我正在使用的平台: >安卓> React Native:0.47.1>反应导航:1.0.0-beta.11>仿真器和设备 我有一个屏幕,它充当模式形式,但实际上是全屏.为什么“作为一种形式形式的行为”这一部分很重要?那是因为它是一种模态菜单,带有一些选项并且具有透明的背景色. 这是我期望的:但是我得到的是:如您所见,在第二个示例中,背景色被完全替换,或者先前装入的组件被卸载,因此我想要获得的效果...

javascript-动态更改滚动的背景颜色【代码】

有什么方法可以动态更改滚动的背景颜色吗? 例如,参考此站点(https://www.samsung.com/sec/smartphones/galaxy-note9/) 首次访问该站点时,背景颜色为蓝色. 向下滚动时,颜色会平滑地变为黑色. 另请参阅此网站(codepen.io/Funsella/pen/yLfAG/) 第二站点与第一站点相同.但是它的颜色立刻变了. 但是第一个站点的颜色不会立即更改. 它逐渐改变与滚动位置有关.body {height: 100vh; } .section1 {background-color: white;height: 100%;...

javascript-对焦时如何更改文本框的背景颜色?【代码】

我尝试了这段代码,但是它不起作用..当我将焦点对准文本框时,它显示错误function ChangeBgColor(obj, evt) { if(evt.type=="focus") style.background ="lightgrey";else if(evt.type=="blur") {style.background="white";} }解决方法:什么是风格?您尚未在上面的代码中的任何地方定义它:function ChangeBgColor(obj, evt) { if(evt.type=="focus") style.background ="lightgrey"; //<--what is style?else if(evt.typ...

javascript – 如何使用背景创建三角形(固定高度,宽度= 100%)【代码】

我有一个图形背景,我需要在左上角显示一个彩色三角形(取决于分辨率). 我是否可以仅使用宽度= 100%且高度= 200px且背景=红色的HTML / CSS / JS创建三角形元素? 我可以通过宽度= 100%的IMG创建它,但我希望有一个比调整图像大小更好的解决方案. 该解决方案需要与IE7兼容并使用浏览器版本(超过2%). 谢谢解决方法:要在web-tiki’s answer上扩展,我认为这实际上就是你想要的:$(document).ready(function() {function triangle() {$(...

javascript – 更改背景颜色div元素交叉淡入循环【代码】

我想通过交叉渐变将div元素的背景颜色从黑色更改为红色到蓝色,但现在还不知道如何做到这一点.我尝试使用图像,但将图像作为背景并通过淡入淡出效果进行更改会使图像变得沉重.有没有办法通过CSS或Javascript做到这一点?请帮忙.解决方法:CSS:.fadechange {height:200px;width:100%;background: black;animation: fading 4s infinite;-webkit-animation: fading 4s infinite; }@keyframes fading {0% { background: black; }33% {...

javascript – Stellar.js上背景图像位置的问题【代码】

我正在使用stellar.js为垂直滚动网站添加视差效果,但我遇到了背景位置问题.当我使用“data-stellar-background-ratio”类在div上添加视差效果时,我无法通过CSS将背景位置设置为右侧.无论如何,所有背景图像都会向左移动.我试图使用网站上提供的位置属性插件语法,但它似乎以某种方式打破了视差效果.有谁能够帮助我?谢谢!解决方法:我遇到过同样的问题. 在jquery.stellar.js文件中更改stellar函数,以便将水平滚动设置为false(默认设置...

javascript – 设置-os – / – jQuery中背景渐变的ms前缀无法正常工作?【代码】

我在这里看到了几个关于jQuery .css()的其他帖子没有使用-webkit-gradient,但是我还没有找到一个关于-ms-linear-gradient,-o-linear-gradient的帖子和线性梯度. 简而言之,我已经创建了一个函数,它使用所有最流行的CSS属性设置基于#hex的背景渐变,用于跨浏览器兼容性,直接取自ColorZilla. 以下是我正在谈论的特定片段:$(elem).css({'background': b,'background': '-moz-linear-gradient(top, '+a+' 0%, '+b+' 100%)', 'backgroun...

javascript – 如何以一般方式处理’可能未处理的拒绝:背景点击’【代码】

我有处理模态的角度服务:angular.module('myApp').service('ModalService', function($uibModal) {function open(options) {return $uibModal.open(options);} });现在我升级到角度1.6并得到此错误:Possibly unhandled rejection: backdrop click每当我打开一个模态并单击其他地方(背景)并且模态关闭(按预期).所以我想在我的ModalService中处理这个未处理的异常,因为我不想每次使用ModalService时都处理这种情况.通过背景点击关闭...

改变背景图像 – JavaScript【代码】

我想用JavaScript更改背景图片. JS:<head> <script type="text/javascript">// Ta funkcja odpowiedzialna jest odpowiedzialna za zmiane obrazow w tle$(window).load(function(){var i = 0;var images = ['images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg','images/5.jpg'];var image = $('#slideit');image.css('background-image', 'url(images/1.jpg)');image.css('background-size', 'cover');setInterval(fun...

javascript – 调整大小适合的背景图像

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

javascript – 如何在Phaserjs中创建无限侧滚动背景?【代码】

我正在使用phaser.js来制作游戏,我找不到任何关于如何使背景无限滚动的教程.我希望背景能够横向平铺/重复,并且随着角色向右移动而无限. 我目前正在使用相机并让相机跟随角色. 以下是关于如何执行此操作的想法:在update()中不断检查摄像机的位置,然后将其移动到游戏玩法的开头(最左侧)以及当时的角色.我认为这可能不是一个平稳的过渡,所以我想知道是否有更好的方法来做到这一点.解决方法:这可以使用tile sprite并通过移动“tilePos...

javascript – 如何从计算机上传图像文件并使用jQuery设置为div背景图像?【代码】

图像文件输入的HTML代码:<input type="file" autocomplete="off" name="background-image" accept="image/*" />我想要动态设置背景图像的目标div块:<div class="clock"></div>我正在使用的jQuery函数用于设置上传为div背景图像的图像文件:$(".background>div>input[type=file]").change(function () {var fileExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];if ($.inArray($(this).val().split('.').pop().toLowerCase(), f...

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