使用 CSS 显示隐藏内容和添加图片效果

Question

我有一个 php-mysql 生成的页面。这几乎就像具有 10*3 图像表的图像库。

我想给图片添加效果。

1. 我希望根据添加到数据库的时间为相框着色。比如今天添加的数据为绿色，一周前的数据为蓝色，一个月前的数据为红色，其余数据为橙色。

2. 我希望为它们附加一个框架，其中包含图像和一些文本。

3. 我希望图片能稍微调整一下大小以显示它处于焦点位置，并显示隐藏的 div 文本以及之前的文本。

4. 如果可能，我希望焦点框在 ajax 调用的帮助下显示 gif 而不是 jpeg。

我在一些教程页面上看到了前三个查询的示例，但现在无法找到它们。

如果我在前三个问题上得到解决方案，我可以尝试自己处理第四个问题。

非常感谢任何帮助。

提前感谢。

Answer 1

您只需要 JQuery。看看它的效果和ajax函数。您或许可以轻松实现这些效果。

http://api.jquery.com/category/effects/ -> 基本效果

http://api.jquery.com/category/css/ -> 操作 CSS（用于附加框架或上面的所有内容）

http://api.jquery.com/category/ajax/ -> 很棒的 Ajax 函数

希望对你有帮助

Answer 2

我认为最好的方法是使用 PHP。

首先检查图像上传的日期，并将其与当前日期进行比较。这样，为图像添加类，即对于 1 个月大的：“imgmonthold”，并将 css 样式标准放入样式表中：

.imgmonthold {
    border: 1px solid red;
}

正如上面的海报所说，你最好使用 jQuery。