1

我在 Jquery 中使用 Java，

其实我想显示指标（气球类型）见下图.. 图片

上面的图像文件显示了一些指示。

实际上在我的java代码中给Jquery一些整数然后它会显示出来。

请帮助我，他们是任何插件来显示这样的整数值..

4

4 回答 4

2

用 JQUERY 替换数字更新 DEMO

如果您愿意，这是 css 解决方案。演示http://jsfiddle.net/yeyene/DfSda/1/

在您的按钮内添加<span class="ballons"></span>，并替换动态计数值。

.ballons {
    float:right;
    margin:-20px 8px 0 0;
    line-height:30px;
    padding:0 10px;
    border-radius: 30px;
    border:3px solid #fff;
    border-radius: 30px;
    -moz-border-radius: 30px; 
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background:red;
    color:#fff;
    text-align:center;
    -moz-box-shadow:    1px 1px 3px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px 3px #ccc;
    box-shadow:         1px 1px 3px 3px #ccc;
}
于 2013-06-20T07:25:05.780 回答
1

只需 5 分钟用谷歌...

http://www.codebasehero.com/2011/07/jquery-notification-menu/

于 2013-06-20T07:18:27.640 回答
1

http://file.urin.take-uma.net/jquery.balloon.js-Demo.html

这是一个很好的插件，可以帮助您创建气球。

于 2013-06-20T07:25:38.277 回答
0

修改了@yeyene 的回答Demo 这会让气球看起来

.ballons {
    float:left;
    margin:10px 8px 0 0;
    height:150px;
    width:100px;
    border-radius: 30px;
    border:3px solid #fff;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%;
    background:red;
    color:#fff;
    text-align:center;
    -moz-box-shadow:    1px 1px 3px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px 3px #ccc;
    box-shadow:         1px 1px 3px 3px #ccc;
}
于 2013-06-20T07:42:00.230 回答