如何自动突出显示 CSS 翻转答案

【问题标题】：How to automatically highlight CSS rollovers如何自动突出显示 CSS 翻转
【发布时间】：2011-05-27 22:09:50
【问题描述】：

我是 HTML 新手，正在尝试为我的公司开发一个新网站。下面有一个原型。

我认为它工作正常，但我的一些更...呃.. 高级同事认为您单击摇杆封面以了解更多信息并不明显。尽管我在底部和背景图像的标题字段中放置了说明。

我的同事想要的是让翻转按顺序自动循环，从而吸引用户的注意力。

有什么想法吗？

【问题讨论】：

我建议您优化您的图片以供网络使用，目前加载时间太长！
这种导航已经过时了10多年了。
其实我看了你的网站，看来你的网络服务器真的很慢。
谷歌“神秘肉导航”为什么你不应该这样做。您正在尝试做的是一场可用性噩梦，只会让用户感到沮丧。对于踢球，请在没有鼠标悬停之类的触摸屏设备上尝试。作为一般规则，如果您必须向用户说明如何使用您的菜单，则需要更改您的菜单。
好吧，不要把这当成个人，但你应该认真考虑聘请专业人士。您的产品显然不在费用规模的低端，单笔已完成的交易可能会支付一个建造良好的网站的成本。该网站将花费您的销售费用。当潜在客户考虑您的工作可能价值数万或数十万美元时，您的网站需要激发信心。

【解决方案1】：

他们不可能单独使用css自动循环，建议你看看jQuery。

【讨论】：

【解决方案2】：

这可能会在他们导航时通过使用关闭，因为循环仍将滚动，除非您将其设置为在悬停时停止。正如有人已经指出的那样，这不能仅在 CSS 中完成，而且正如另外两个人指出的那样，您的页面加载时间非常非常慢。

我正在运行 10 mpbs 的光纤线路，大多数网站在 2 秒内加载。您的 15 分不错，这在宏伟计划中并不长，但对于尝试访问您网站的访问者来说非常明显。

【讨论】：

感谢您迄今为止的反馈，尽管有些反馈很难。有人可以给我一些关于如何提高加载速度的指导吗？背景目前为 250kb JPEG。如果我理解正确，我需要降低图像质量以减小尺寸、隔行扫描（在这种情况下是否需要使用 PNG？）或获得功能更强大的 Web 服务器。抱歉，这些问题太基础了。
我在 GIMP 中将图像质量降低了 50%，因此文件大小通常是一半。该服务器是一台普通的 PC，具有 1GB RAM 和 Windows Server 2003，但我怀疑限制是由我们的宽带连接定义的。速度检查器表明我们的上传速度只有 409kbs。如果我必须在异地服务器上安装，那没关系。
除非您的工作中有数据中心，否则您绝对不应该在自己的服务器上托管商业网站。太多可能会出错，如果有的话，你可能几乎没有冗余。即使是每月 3 美元的托管也比自己做要好一个数量级。
@Brent Friar、@Treemonkey 和 @Fireworksable。谢谢 - 将研究远程托管。

【解决方案3】：

我建议不要在页眉和页脚之间拆分一半的导航，而内容位于主导航之间。使用固定高度布局也会让您头疼，因为您拥有的任何不适合您的内容区域的内容都需要在内容区域内使用滚动条，而不是通过浏览器进行标准滚动。这种网站设计也会给移动用户带来巨大的问题。

【讨论】：