我想为我的网站制作一个酒吧评级系统,这就是我实际拥有的:
这看起来一点都不好:p。我希望高度像指数曲线一样逐渐增加。刚开始不太陡,后面逐渐变高。
使用:
height = (Math.ceil( Math.log(i) * 10) / 10 ) + settings.height
其中 i 是 for 循环变量,从 0 -> 19(柱数)和 settings.height 是基本高度,即 15。 我应该怎么做才能纠正它?
编辑:像这样但是颠倒了
最佳答案
以下内容基于 David Fregoli 的初步评论,我对其进行了扩展以获得所需的形状和正确的方向。看这个fiddle (无意盗用他的回答,欢迎采纳)
CSS
#container {
position: relative;
height: 150px;
}
bar {
position: relative;
width: 20px;
border: 1px solid #aaf;
background-color: #ddf;
margin-right: 1px;
float: left;
cursor: pointer;
}
JS
var baseheight = 5;
for ( var i = 0; i < 10; i++ ) {
var h = 5*Math.pow(2,i/2) + baseheight;
var offset = Math.ceil(150-h);
$('#container').append($('<bar>').css('height', h).css('top', offset));
}
关于jquery - 如何使用对数制作酒吧评级系统,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15706849/