草庐IT

图片移动

全部标签

javascript - 使用媒体查询进行移动优化的背景而不是内联图像?

我通过媒体查询对我的网站进行了移动优化。一切看起来都如我所愿,但正在下载不必要的图像(因为它们被css隐藏),从而减慢了页面加载时间。对此最简单的解决方案似乎是用带背景图像的div替换尽可能多的内联图像。然后我可以用移动版本的媒体查询css隐藏div。我知道这有潜在的缺点,在这篇文章中有很好的概述:WhentouseIMGvs.CSSbackground-image?因此公司Logo、员工照片等将保留为内联图像。我的方法是否有任何我没有考虑过的问题?我阅读了很多关于移动优化的文章,尤其是关于媒体查询的内容,但我还没有听说有人这样做,尽管这似乎是一个非常明显的解决方案,其中图像可以内联或

javascript - 如何使用jquery在鼠标移动到页面底部时自动滚动窗口

我有50个div,但在我的窗口中它只显示25个,我在这些div上进行拖放事件。所以如果我将我的第一个div拖到第25个div附近,它应该自动滚动以显示剩余的div。如何我在jquery中做这个?有什么想法吗?我正在使用Nestable不可拖动() 最佳答案 这将需要根据您的具体用例进行一些微调,但它似乎运行良好。WorkingExample$('.dd').nestable({/*configoptions*/});$(window).mousemove(function(e){varx=$(window).innerHeight(

Javascript:将对象从一个数组移动到另一个数组:最佳方法?

我有两个数组,分别称为“objects”和“appliedObjects”。我试图在Javascript和/或Angular中想出一种优雅的方式来将对象从一个数组移动到另一个数组。最初我做了这样的事情:$scope.remove=function(){angular.forEach($scope.appliedObjects,function(element,index){if(element.selected){element.selected=false;$scope.objects.push(element);$scope.appliedObjects.splice(index,

javascript - Google Maps InfoBubble pixelOffset(从标记上方的默认位置移动)

我正在尝试实现一个自定义infoBubble,它的框打开到标记的一侧,而不是默认位置在顶部。事实证明这比预期的要难。使用普通的infoWindow,您可以使用pixelOffset。在这里查看documentation使用infoBubble似乎并非如此。有没有办法在infoBubble中使用pixelOffset,或者可以做同样事情的东西?我发现这很难搜索,因为使用这样的谷歌搜索不会返回任何相关结果GoogleSearch以下是我一直在使用的所有资源。infoBubble示例here.我的JavaScript用于设置map和infoBubblehere.现在我的javascript在

javascript - 确定用户是否在移动设备上的最简单方法

我在我的网站上显示了一个通知栏,坦率地说,它在移动设备上运行不佳。我只想为桌面用户显示该栏。确定用户是使用桌面设备还是移动设备的最简单方法是什么? 最佳答案 用户代理检查是“最简单的”,尽管您可以轻松使用CSS3mediaqueries这里是一个检查iphone、android和blackberry的例子;您可以轻松添加其他移动浏览器。varis_mobile=!!navigator.userAgent.match(/iphone|android|blackberry/ig)||false;

javascript - 如何创建适用于移动和桌面浏览器的平面图?

想要创建办公室的动态平面图以显示占用情况并链接到session等。我手头有一些AutoCAD文件,并且一直在研究如何在浏览器上制作它。在我看来,SVG将是一个很好的竞争者,它支持大多数移动和桌面浏览器(请不要使用旧版本的IE),但我怀疑是否有办法将数据绑定(bind)到平面图上的每个对象。我搜索过像D3.js或Raphaël这样的库,它们似乎是我需要的库。所以我的问题是:有什么方法可以将AutoCAD文件转换为SVG之类的文件,而SVG会将平面图上的座位和房间显示为单独的对象?哪个图书馆(D3或Raphaël)适合我的需要?我有一个MySQL数据库,可以抽出占用率和session数据。

javascript - 用图片替换表情符号列表

我有一个数组:emoticons={':-)':'smile1.gif',':)':'smile2.gif',':D':'smile3.gif'}然后我有一个带有文本的变量。vartext='thisisasimpletest:)';和一个带有网站url的变量varurl="http://www.domain.com/";如何编写用图像替换符号的函数?标签结果应该是:(我必须将url变量连接到图像名称)。非常感谢! 最佳答案 另一种方法:functionreplaceEmoticons(text){varemoticons={':-

javascript - 如何在 Javascript 中将项目数组向上移动 4 个位置

如何在Javascript中将项目数组向上移动4个位置?我有以下字符串数组:vararray1=["t0","t1","t2","t3","t4","t5"];我需要一个函数将“array1”转换为://Notehow"t0"movestothefourthpositionforexamplevararray2=["t3","t4","t5","t0","t1","t2"];提前致谢。 最佳答案 array1=array1.concat(array1.splice(0,3));在Firebug中运行以下命令以验证vararray1=

javascript - 将数组中的项目移动到最后一个位置

我有一个对象数组。我想将选定的对象移动到数组中的最后一个位置。我如何在javascript或jquery中执行此操作?这是我的一些代码:varsortedProductRow=this.product_row;for(varsinsortedProductRow){if(sortedProductRow[s]["parent_product_type"]!="")//Movethisobjecttolastpositioninthearray}我用for循环遍历它,我希望对输出进行排序,以便所有不具有“parent_product_type”值的对象首先出现,然后是具有值的对象。

javascript - 如何设置 Angular 4 背景图片?

我正在尝试使用以下几行来设置背景图像。但它不起作用。在我的应用程序中不断设置背景图像的方式是什么。app.component.html 最佳答案 您可以使用ngStyle为div设置背景或者您也可以使用内置背景样式: 关于javascript-如何设置Angular4背景图片?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/45632663/