小编Tom*_*ers的帖子

HTML,CSS和JS动画多个进度条

所以我试图在一个页面上设置多个进度条动画,这里是我的进度条的HTML:

<div class="col-md-5">
  <p>HTML & CSS</p>
  <div class="progress progress-striped active">
    <div class="progress-bar progress-bar-danger" style="width: 50%;"></div>
  </div>
  <p>C#</p>
  <div class="progress progress-striped active">
    <div class="progress-bar progress-bar-danger" style="width: 20%;"></div>
  </div>
  <p>WordPress</p>
  <div class="progress progress-striped active">
    <div class="progress-bar progress-bar-danger" style="width: 30%;"></div>
  </div>
  <p>Photoshop</p>
  <div class="progress progress-striped active">
    <div class="progress-bar progress-bar-danger" style="width: 20%;"></div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我也在我的CSS样式中使用此代码

.progress.active .progress-bar {
   -webkit-transition: none !important;
   transition: none !important;
 }
Run Code Online (Sandbox Code Playgroud)

这是我的JS功能:

$(".progress-bar").animate({width: "10%"}, 2500);
Run Code Online (Sandbox Code Playgroud)

使用它,所有4个条形都是动画的,但我想用不同的值为每个条形图设置动画.

html javascript css jquery animation

5
推荐指数
1
解决办法
1365
查看次数

CSS导入字体

我需要在网站上使用4个字体,我的网站文件夹中有文件

Baskerville.ttc
BellGothicstd-Black.otf
BellGothicstd-Bold.otf
JennaSue.ttf
Run Code Online (Sandbox Code Playgroud)

我试图导入使用@Import并且这里的字体仍然不起作用是我使用的:

@import url(../fonts/BellGothicStd-Black.otf);
@import url(../fonts/BellGothicStd-Bold.otf);
@import url(../fonts/Baskerville.ttc);
@import url(../fonts/JennaSue.ttf);
Run Code Online (Sandbox Code Playgroud)

我也尝试使用@ font-face规则这是我使用的:

@font-face {
  font-family: 'BellGothicBlack';
  src:  url('../fonts/BellGothic-Black.otf') format('OpenType'),
}
@font-face {
  font-family: 'BellGothicBold';
  src:  url('../fonts/BellGothicStd-Bold.otf') format('OpenType'),
}
@font-face {
  font-family: 'Baskerville';
  src:  url('../fonts/Baskerville.ttc') format('OpenType'),
}
@font-face {
  font-family: 'JennaSue';
  src:  url('../fonts/JennaSue.ttf') format('TrueType'),
}
Run Code Online (Sandbox Code Playgroud)

有人能告诉我我做错了什么吗?我想我可能会遗漏一些我不太确定的代码.

先谢谢汤姆

html css fonts

5
推荐指数
1
解决办法
2万
查看次数

Mockito 单元测试 - 时间戳不同

Mockito 测试存在一些问题。

我目前收到此错误:

Argument(s) are different! Wanted:
repository.save(
    uk.co.withersoft.docservice.repositories.hibernate.MetaDataEntity@3e437e6c
);
-> at uk.co.withersoft.docservice.datastore.impl.MetaDataStoreImplTest.storeClaimMetadata(MetaDataStoreImplTest.java:55)
Actual invocation has different arguments:
repository.save(
    uk.co.withersoft.docservice.repositories.hibernate.MetaDataEntity@3e361ee2
);
Run Code Online (Sandbox Code Playgroud)

我很确定这是因为里面的时间MetaDataEntity不同

//这就是我应该得到的

id = null
metaData = "{"caseReference":"CN00000001","claimReference":"LN00000001","rpsDocumentType":"REJ","documentTitle":"Claims LN00000001 (Claimant: Mr LOCAL HOST) REJ-Rejection letter"}"
batchId = 0
state = "Saved MetaData to DB"
lastUpdatedDate = {Timestamp@1517} "2018-07-25 18:39:21.993"
createdDate = {Timestamp@1518} "2018-07-25 18:39:21.993"
Run Code Online (Sandbox Code Playgroud)

// 这实际上是我得到的。

id = null
metaData = "{"caseReference":"CN00000001","claimReference":"LN00000001","rpsDocumentType":"REJ","documentTitle":"Claims LN00000001 (Claimant: Mr LOCAL HOST) REJ-Rejection letter"}"
batchId = 0
state = "Saved MetaData to …
Run Code Online (Sandbox Code Playgroud)

java unit-testing mockito

5
推荐指数
2
解决办法
1万
查看次数

Apache Derby - 它支持“WITH”吗

在互联网上找不到任何相关信息,想知道是否有人可以帮助我。

在 Spring Boot 应用程序中将 Apache Derby 与查询结合使用:

查询是这样开始的:

WITH dbName AS {
    (Then goes on to select data from tables)
}
Run Code Online (Sandbox Code Playgroud)

运行我的测试用例时,我收到一个异常,内容如下:

java.sql.SQLSyntaxErrorException: Syntax error: Encountered "with" at line 1, column 1
Run Code Online (Sandbox Code Playgroud)

Apache Derby 支持吗WITH?我看不出有任何其他原因说明这不起作用。

sql derby

4
推荐指数
1
解决办法
1037
查看次数

具有图像的Bootstrap 3面板

我正在尝试重新创建此面板:

在此处输入图片说明

我只是想知道是否有人知道我该怎么做,所以我完成了html标记。但是我不知道如何开始设计它。

我的示例html:

    <div id="mainContainer" class="container">
    <div class="row">
        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
            <div class="panel panel-default">
                <div class="panel-heading">Item 01</div>
                <div class="panel-body"><img src="http://placehold.it/150x150" alt="" class="img-responsive center-block" />
            </div>
        </div>                
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap-3

1
推荐指数
1
解决办法
1万
查看次数

<hr>标记为图像

我喜欢使用自定义.png作为hr行

这是我的形象:

在此输入图像描述

这是我写的代码,但它不起作用:

hr { 
display: block;
margin-left: auto;
margin-right: auto;
height:20px;
background:url(../img/bocLine.png);
border:0;
border-color: #000;
}
Run Code Online (Sandbox Code Playgroud)

我不想重复,只想在页面中间放一个.如果它无论如何它有帮助我使用bootstrap.

先谢谢你,汤姆

html css html5 css3 twitter-bootstrap

0
推荐指数
1
解决办法
3042
查看次数