草庐IT

屏幕方向

全部标签

javascript - 屏幕和窗口属性之间的区别?

在我的Web应用程序中,我需要使用浏览器窗口的高度和宽度。所以我在JavaScript中使用了Screen.Width,Screen.Height属性来获取宽度和高度。在冲浪时,我获得了另一个属性,如Window.Width和Window.Height。谁能告诉我,哪个属性给我浏览器窗口的大小......屏幕(或)窗口? 最佳答案 screen实际上是window.screen因为window是全局变量的上下文。window对象(通过document.defaultView获得)返回有关窗口和视口(viewport)的信息。要获取应

javascript - 菜单悬停时屏幕变暗

以下是我的jsfiddle,我在其中尝试创建一个熄灭效果,就像以下网站bankalhabib.com一样,问题是悬停在菜单上时,我的屏幕其余部分没有变暗,这是我真正想要的,而只是我想要的菜单变暗。请告诉我如何解决此问题,以便达到与上述网站相同的效果?谢谢,http://jsfiddle.net/49Qvm/9/HomeAboutContactNum$('li').hover(function(){$(this).addClass('hovered');},function(){$(this).removeClass('hovered');}); 最佳答案

javascript - 使用纬度/经度的谷歌地图方向

我有2个地方的纬度/经度。如何从googlemapsapi获取路线?我想显示map和方向文本。 最佳答案 vardirectionDisplay;vardirectionsService=newgoogle.maps.DirectionsService();varmap;functioninitialize(){directionsDisplay=newgoogle.maps.DirectionsRenderer();varmyOptions={mapTypeId:google.maps.MapTypeId.ROADMAP,}map

javascript - 是否可以根据屏幕宽度更改 Bootstrap 弹出窗口的位置?

我有一个项目列表,每个项目都有一个与之关联的Bootstrap弹出窗口(docshere)。它们是这样启动的:$('#my_listli').popover({placement:'left'});这行得通,但在宽度较小时,弹出框会从视口(viewport)中消失。我想根据$(document).width();设置条件放置,但是我看不到覆盖初始选项的方法(例如,在宽度为1000px,将位置切换到“上方”​​)。我整理了一个简化版本atjsfiddlehere.非常感谢。 最佳答案 placement也可以取一个函数作为它的值。在此

javascript - 如何为我的应用程序创建用户首次屏幕指南

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭7年前。Improvethisquestion我需要在这里为我正在构建的应用程序创建一个简短的首次用户指南,但我不知道要搜索什么。我需要的是对话指南,就像Facebook在您创建新页面时所做的那样。对于那些不知道的人,当你创建一个新的fb页面时,Facebook会通过小对话框指导你在页面上进行关键操作,如分享、发布等。我该怎么做?

javascript - 图像调整大小以适合屏幕

考虑到导航栏的可用空间,我创建了这段代码来调整照片/图像的大小以适应屏幕。脚本在图像加载和导航点击时触发。有没有人有关于如何改进并确保浏览器兼容性的建议?HTML$(document).ready(function(){$("#photo").load(function(){resize();});$(".navigationimg").click(function(){varimgPath=$(this).attr("src");$("#photo").attr({src:imgPath});resize();returnfalse;});});Javascriptresize=fu

javascript - 是否可以使用 ng-keypress 监听方向键?

我正在尝试创建类似于konami代码“向上、向上、向下、向下、a、b、a、b、输入”的交互->发生了一些事情。是否可以使用ng-keypress监听方向键?好像不行?html:input(ng-keypress='changed($event)')Js$scope.changed=(evt)->console.log(evt)这不会注销方向键事件吗?我必须在窗口上推出我自己的听众吗?如果是这样,我怎样才能以Angular实现这一目标? 最佳答案 DEMO$scope.key=function($event){console.log(

javascript - 如何检测响应式网页设计的屏幕尺寸?

我用谷歌搜索并得到一个quirksmodesite给你你的屏幕尺寸。拉起控制台,我看到screen.width和screen.height可以直接从window对象获得。我想开始使用纯JavaScript进行检测。我可以在所有设备和浏览器(手机、平板电脑、PC和Chrome、Safari、IE、Firefox)上使用此属性吗?我不关心视口(viewport)因调整大小等而发生变化。只关心屏幕的实际大小不会改变。我希望有一个属性可以跨设备和浏览器检查。这是wikipediaonresponsivewebdesign.提供的一些一般信息 最佳答案

javascript - Chrome scrollWidth 在 rtl 和 ltr 方向上不同

我在谷歌浏览器上看到一个错误。在ChromeV31上运行以下html代码ChromescrollWidthissue当我将主体方向从ltr更改为rtl时,父div的scrollWith是不同的。这不会发生在FireFoxV25或InternetExplorerV10上。我在chromeissuetracker上报告了这个问题.我的问题是如何使用css或javascript解决这个问题? 最佳答案 尝试在子元素中使用clientWidth,您将在rtl和ltr中获得1080,希望这是一个足够好的解决方案,直到他们修复chrome上的错

javascript - 在 Google 方向 javascript API 中访问票价属性

如何在googledirectionsjavascriptAPI中访问公交路线的票价属性?以下行不起作用:alert(response.routes[j].legs[k].fare.value);关于方向APIpage它说:farecontainsthetotalfare(thatis,thetotalticketcosts)onthisroute.Thispropertyisonlyreturnedfortransitrequestsandonlyforrouteswherefareinformationisavailableforalltransitlegs.Theinformat