草庐IT

安卓图像按钮

全部标签

Javascript 按钮监听器触发一次?

我正在为我正在制作的网站制作幻灯片式旋转器。旋转器本身工作正常,但我正在尝试使用键盘上的左/右键使幻灯片向前/向后滑动。我的代码是这样的:$(document).keydown(function(e){varcurrentPosition=0;varslideWidth=836;varslides=$('.slide');varnumberOfSlides=slides.length;varanimLength=600;if(e.keyCode==37){currentPosition=currentPosition-1;//Checktoseeifnewpositionisunbou

javascript - 优雅降级的延迟加载图像(JavaScript)

考虑一个带有一堆标签的HTML页面,每个标签都有自己的内容。我想将每个标签转换为由JavaScript支持的幻灯片中的一张幻灯片。每个标签都可以包含图像,它们应该在这个幻灯片中延迟加载。我不想一次加载所有图像。另一方面,没有启用JavaScript和搜索引擎的用户应该只看到标记和所有图像。如何避免在启用JavaScript时加载图像,以及如何确保在未启用JavaScript时加载图像?一种方法是用这种格式替换所有图像:该解决方案的问题是没有优雅的降级。相反,我必须这样做:问题在于您无法阻止浏览器加载HTML页面中的所有图像。文档准备好后,我尝试以多种方式修改HTML。比如将images

javascript - 滚动图像选框javascript

我目前想制作多张图片的选取框,但我的代码只允许一张。你知道我可以向这段代码中添加多张图片吗?(我已经尝试将图像直接添加到正文中的div元素中-它不起作用。) 最佳答案 我已经为您整理了这样一个slider。不需要框架,尽管有一些跨浏览器问题我还没有处理(包括版本8之前的IE以不同方式处理scrollWidth)。首先,把代码整理成这样:像这样添加一些CSS:#marquee-container{width:500px;/*orwhateveryouwant*/margin:0auto;/*centersit*/overflow:hi

javascript - jquery.width 在图像上返回 0

我正在使用看起来像这样的代码:img.load(function(){//dosomestuff$(this).width();});在我的回调中,图像大小始终为0。这可能与此有关,但我的图像是本地加载的。但实际上,如果我执行this.width,我将获得预期的宽度,然后我可以从此处进行某种计算以更改我的extjs窗口。经过一些尝试,我意识到如果我执行$(this)我更改的所有属性似乎根本没有任何效果。执行$(this).width(40);不会改变我的图像的宽度但是执行this.width=40会改变我的图像的宽度图片。就好像执行$(this)是在一个新元素中复制我的HTMLImag

javascript - History API 和 History.js 后退按钮问题

我正在通过Ajax加载页面。当用户单击链接时,页面已成功加载AJAX,但当用户单击后退按钮时,页面会重新加载初始页面。所以场景是这样的。载入初始页面(index.php)用户点击链接页面加载成功点击后退按钮初始页面现在显示两次。这是标记。$(function(){//PreparevarHistory=window.History;//Note:WeareusingacapitalHinsteadofalowerhif(!History.enabled){//History.jsisdisabledforthisbrowser.//Thisisbecausewecanoptionall

javascript - 根据单选按钮值重定向浏览器

有没有一种更简单的方法可以根据单选按钮的选择来重定向浏览器?这行得通,但从我在万维网上阅读的内容来看,可能有一种更简单的方法。这是我的表格:GoogleYahooBing这是我的jquery:$(function(){$("input[name$='value']").click(function(){varvalue=$(this).val();if(value=='google'){window.location.assign("http://www.google.com");}elseif(value=='yahoo'){window.location.assign("http:

javascript - 显示纺车图像直到整页加载

我正在使用下面的代码:在body标签内的布局页面中:在起始页中:$(document).ready(function(){$(window).load(function(){$('#loading').fadeOut();});});CSS:div.loading{height:100px;width:100px;position:fixed;z-index:1000;left:50%;top:50%;margin:-25px00-25px;display:block;}问题是旋转图像没有立即出现,它需要一些时间,因为空白页面出现并且图像在页面加载之前显示。我想要一个解决方案,在该解决

javascript - 带封面的全屏背景,但专注于图像的一部分

我想要一个div有一个覆盖整个div的背景图像,但是当浏览器窗口大小发生变化时,不要缩小太多,而是将焦点集中在图像上的一个点上。一个很好的例子是this,但是当您缩小窗口尺寸时,它会聚焦于黄色标志而不是图像的中间。这种东西有插件或者教程吗?我确信使用jquery和css图像Sprite我可以想出一些东西,但我宁愿使用经过验证的插件或技术,而不是一起破解一些东西。 最佳答案 好吧,我想这远没有我想象的那么难,但是我想要的行为可以简单地通过这样做来实现:{background:url('http://farm8.staticflickr

javascript - Angularjs 在 ng-repeat 中显示和隐藏按钮

我有一个列表,它使用ng-repeat填充屏幕。每行都有一个按钮供用户单击以选择该行。通常您会使用单选按钮,但用户想要按钮切换。我真正想要的是显示第一个按钮(在第一次显示列表时隐藏第二个按钮),在用户点击第一个按钮选择特定行后,我想隐藏第一个按钮并显示第二个按钮.2个按钮有不同的ID、文本、样式。所以对于用户来说,就像在选择后更改按钮的外观一样。我尝试在函数populateFareOption(row.col3.value,row.col4.value)中设置showfarebut1/showfarebut2范围变量在Controller中,但所有行在单击第一个按钮后都有第二个按钮。任

javascript - phantomjs 使用 src 图像在 canvas.toDataURL 上抛出 DOM 异常 18

我正在尝试使用phantomjs将svg转换为png图像:varpage=require('webpage').create();page.evaluate(function(){varsvg='';varsrc='data:image/svg+xml;base64,'+window.btoa(unescape(encodeURIComponent(svg)));varimg=newImage();img.src=src;img.onload=function(){varcanvas=document.createElement('canvas');canvas.width=img.w