草庐IT

sliding-tile-puzzle

全部标签

html - Angular Material 2 : How to style an md-grid-tile?

除了默认的中心对齐方式之外,如何以不同方式对齐md-grid-tile内的元素? 最佳答案 您可以使用::ng-deep覆盖md-grid-tile的默认css。CSS:::ng-deepmd-grid-tile.mat-grid-tile.mat-figure{align-items:initial;/*verticalalignment*/justify-content:initial;/*horizontalalignment*/}Plunkerdemo 关于html-Angula

html - Angular Material 2 : How to style an md-grid-tile?

除了默认的中心对齐方式之外,如何以不同方式对齐md-grid-tile内的元素? 最佳答案 您可以使用::ng-deep覆盖md-grid-tile的默认css。CSS:::ng-deepmd-grid-tile.mat-grid-tile.mat-figure{align-items:initial;/*verticalalignment*/justify-content:initial;/*horizontalalignment*/}Plunkerdemo 关于html-Angula

javascript - 在 jQuery slider 中实现 "jump to slide"时遇到问题

过去2天我一直在尝试这个,但似乎无法找到解决方案..我有用于导航的上一个和下一个箭头(以及箭头键)。但既然我有了时间线,我似乎无法使用div-id(正确地)“跳转到”幻灯片?因此,例如,如果我想从第1节转到第5节,我希望能够单击第5节按钮并跳转到该幻灯片。Hereismyworkingexample。slider的时间轴出现在幻灯片2+上。例如,我只在目标部分内工作。这是我用来“跳转到幻灯片”的代码:$('.slideshow-timelinea').click(function(){vartarget_id=$(this).attr('href');removeClasses();$

javascript - 在 jQuery slider 中实现 "jump to slide"时遇到问题

过去2天我一直在尝试这个,但似乎无法找到解决方案..我有用于导航的上一个和下一个箭头(以及箭头键)。但既然我有了时间线,我似乎无法使用div-id(正确地)“跳转到”幻灯片?因此,例如,如果我想从第1节转到第5节,我希望能够单击第5节按钮并跳转到该幻灯片。Hereismyworkingexample。slider的时间轴出现在幻灯片2+上。例如,我只在目标部分内工作。这是我用来“跳转到幻灯片”的代码:$('.slideshow-timelinea').click(function(){vartarget_id=$(this).attr('href');removeClasses();$

html - 如何在 tile 中 float 不同大小的元素

问题很简单。我有一堆要制作瓷砖的元素。但是,其中一些的高度更高;让我们说是其他人的两倍。我希望所有这些都通过纯CSS样式匹配在一个磁贴中。这是我的:这就是我想要的:这是我的代码:div{box-shadow:001pxblackinset;width:100px;display:inline-block;}#d1,#d2,#d4,#d5,#d6,#d8,#d9{height:100px;background-color:yellow;}#d7,#d3{height:200px;background-color:red;}123456789您可以在JSBin上实时试用:http://js

html - 如何在 tile 中 float 不同大小的元素

问题很简单。我有一堆要制作瓷砖的元素。但是,其中一些的高度更高;让我们说是其他人的两倍。我希望所有这些都通过纯CSS样式匹配在一个磁贴中。这是我的:这就是我想要的:这是我的代码:div{box-shadow:001pxblackinset;width:100px;display:inline-block;}#d1,#d2,#d4,#d5,#d6,#d8,#d9{height:100px;background-color:yellow;}#d7,#d3{height:200px;background-color:red;}123456789您可以在JSBin上实时试用:http://js

javascript - Angular2 - md-slide-toggle 显示错误的值

我的问题是md-slide-toggle的值正确,但显示错误。例如:开始时值为1,切换处于事件状态。按下开关的时间:值为0但开关仍处于事件状态。按下开关的时间:值为1,但现在开关现在处于非事件状态。...在这里查看:https://plnkr.co/edit/kxehpwaat5dezNActZbn?p=preview//.html{{device}}//.tsdevice:number=1;onClick(){lettmp;if(this.device==1){tmp=0;}if(this.device==0){tmp=1;}this.device=tmp;}}

javascript - Angular2 - md-slide-toggle 显示错误的值

我的问题是md-slide-toggle的值正确,但显示错误。例如:开始时值为1,切换处于事件状态。按下开关的时间:值为0但开关仍处于事件状态。按下开关的时间:值为1,但现在开关现在处于非事件状态。...在这里查看:https://plnkr.co/edit/kxehpwaat5dezNActZbn?p=preview//.html{{device}}//.tsdevice:number=1;onClick(){lettmp;if(this.device==1){tmp=0;}if(this.device==0){tmp=1;}this.device=tmp;}}

javascript - 皇家 slider : How to remove a slide using a class as selector

资源我正在使用royalSlider作为插件。这是一个快速链接thedocumentation&API.在我的网站上,slider作为height:100%;宽度:100%全屏slider。内容结构我网站的结构非常简单:我有一些用作封面的幻灯片,我们称它们为.cover,每张幻灯片后面都有包含更多信息的幻灯片。让我们称它们为.sub。ContentCoverNr.1SubslideContentNr.1ContentCoverNr.2SubslideContentNr.2ContentCoverNr.3SubslideContentNr.3ContentCoverNr.4Subslid

javascript - 皇家 slider : How to remove a slide using a class as selector

资源我正在使用royalSlider作为插件。这是一个快速链接thedocumentation&API.在我的网站上,slider作为height:100%;宽度:100%全屏slider。内容结构我网站的结构非常简单:我有一些用作封面的幻灯片,我们称它们为.cover,每张幻灯片后面都有包含更多信息的幻灯片。让我们称它们为.sub。ContentCoverNr.1SubslideContentNr.1ContentCoverNr.2SubslideContentNr.2ContentCoverNr.3SubslideContentNr.3ContentCoverNr.4Subslid