
基于jQuery和Bootstrap实现的卡片图文列表布局样式代码,包括普通的卡片布局、等高卡片布局等。
js代码
<script src=\"js/jquery-1.11.0.min.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\" src=\"js/jquery-equal-height.min.js\"></script>
<script type=\"text/javascript\">
function equal_height() {
// Equal Card Height
$(\'.jQueryEqualHeight1\').jQueryEqualHeight();
// Equal Card Height and Text Height
$(\'.jQueryEqualHeight2\').jQueryEqualHeight(\'.card .card-body .card-text\');
$(\'.jQueryEqualHeight2\').jQueryEqualHeight(\'.card\');
// Equal Card Height, Text Height and Title Height
$(\'.jQueryEqualHeight3\').jQueryEqualHeight(\'.card .card-body .card-title\');
$(\'.jQueryEqualHeight3\').jQueryEqualHeight(\'.card .card-body .card-text\');
$(\'.jQueryEqualHeight3\').jQueryEqualHeight(\'.card\');
}
$(window).on(\'load\', function(event) {
equal_height();
});
$(window).resize(function(event) {
equal_height();
});
</script>










暂无评论内容