小编Pur*_*oxy的帖子

如何使图像居中并裁剪为使用CSS始终以方形显示?

我需要始终使用CSS将随机大小的图像裁剪为正方形160x160.裁剪后图像应保持居中.

我的标记应该是:

<a href="#" class="cropper">
   <img src="image" alt="description" />
</a>
Run Code Online (Sandbox Code Playgroud)

搜索在计算器上我找到了一些答案(如),但他们不为情况下,你的图像可以是更大的工作水平(宽)垂直(高).

具体而言,我需要能够呈现一个都像这样宽的图像类似这样的高图像在正方形的形式,没有预先知道哪一个是呈横长方形或垂直矩形.它还应该支持已经平方的图像.

html css

52
推荐指数
4
解决办法
10万
查看次数

CSS关键帧动画的随机"起点"

我有一个带有背景图像的方框列表,它垂直滚动:

@keyframes movie {
   0% { background-position: 50% 5%; }
   50% { background-position: 50% 95%; }
   0% { background-position: 50% 5%; }
}

.movie {
    animation: movie 50s linear infinite;
}
Run Code Online (Sandbox Code Playgroud)

"问题"在于,通过这种方式,所有盒子都具有同时移动的背景.
我想要一个"随机起点",这样每个盒子都有不同的动画.

例如,一个背景向下移动而另一个背景向上移动.

纯CSS有可能吗?我用Javascript找不到简单的方法..

javascript css animation

8
推荐指数
2
解决办法
8299
查看次数

用double group by查询?

我正在尝试编辑此查询:

SELECT (WEEKDAY( date ) +1) dayofweek, COUNT( * ) count 
FROM abanners 
WHERE iid = ? AND banner LIKE ? 
GROUP BY (WEEKDAY( date ) +1) 
ORDER BY count DESC
Run Code Online (Sandbox Code Playgroud)

通过此查询,我得到按星期几划分的条目数,但是如果我也需要将同样的事物也除以该banner怎么办?

所以我想拥有:

 banner1: entries splitted by day of week
 banner2: entries splitted by day of week

 ex: {"banner1" : "1,3,4,1,3,5,1", "banner2": "1,3,4,1,3,5,1"}
Run Code Online (Sandbox Code Playgroud)

我能怎么做?

mysql

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

使用.each()循环向Array添加键

我正在尝试使用jQuery解析表并填充数组,我已编写此代码来执行此操作:

var comments = new Array();

$("#mytable tr:nth-child(odd)").each( function( index ) {
    comments[index]["url"] = $(this).find(".menu2 a").attr("href");
    comments[index]["name"] = $(this).find(".menu2 a").text(); 
    comments[index]["avatar"] = $(this).find(".menu2 a img").attr("src");
    comments[index]["date"] = $(this).find("td[valign] b:first-child").text();
    $(this).find("td[valign] b:first-child").remove();
    comments[index]["report"] = $(this).find("td[valign] .pcomment_report").attr("data-refid");
    $(this).find("td[valign] .pcomment_report").remove();
    comments[index]["comment"] = $(this).find("td[valign]").html();        
});
Run Code Online (Sandbox Code Playgroud)

但它让我回报:

TypeError:无法设置undefined的属性'url'

如何使此代码有效?

javascript jquery html-table

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

标签 统计

css ×2

javascript ×2

animation ×1

html ×1

html-table ×1

jquery ×1

mysql ×1