0

问候。

我在我的网站上遇到了一个奇怪的 jQuery 问题。

我正在尝试在按钮上模拟 webkit 转换,以便每个人都能获得闪亮的东西。正如我从谷歌搜索中预测的那样,这是一种皇家痛苦。

因此,网站 ( http://thechimeraproject.x10.mx ) 是可以看到问题的地方。它在按钮中,应该会慢慢发光。如果你在 Chrome 上打开,必要的浏览器特定的东西,虽然写得很糟糕,因为我正在学习 js,因为我正在努力......现在第三天,正在工作,所以 webkit 效果开始了。闪亮的。

你对 IE 做同样的事情,它有点做同样的事情,除了那里明显的 PNG 透明度问题,一旦 FF 工作,就会得到它。

你打开FF,你有一个额外的效果,而且有点没用。如果您打开它并将鼠标置于实际页面之外,您将看到灰色。如果将鼠标放在页面内,则整个页面都会淡入视野。它正在做悬停按钮 div 应该做的事情。由于脚本通过使用“不透明度”类设置受影响的 div 来工作,因此我尝试从导航 div 中删除该类,以便该页面中的任何内容都没有“不透明度”作为一个类,仍然搞砸了。将 (this) 替换为 ('.opacity') 并且仍然执行相同的操作。

大问题:为什么?顺便说一句,是的,一切都是一团糟,而且写得不好。我学的是 C 编程,而不是 javascript,所以我要复制/粘贴很多东西,并使用基本的编程逻辑(和运气)来推动事情的发展。我会感谢有关编码的提示,但是如果您从那里开始,您将列出一个大清单。

实际代码可以在第 118 行找到(产生衰落的代码)。

4

1 回答 1

0

您的html元素opacity应用了一个类,该类在执行悬停代码时导致整个页面淡出。我不确定为什么会发生这种情况,但是您的页面有几个未关闭的标签和其他错误,这些错误总是会导致在浏览器中不一致的奇怪问题。

这是验证器对您的 HTML 的报告:http: //validator.w3.org/check ?uri=http%3A%2F%2Fthechimeraproject.x10.mx%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

我会从这些错误开始,然后使用像Firebug这样的工具来确定代码到底在哪里出错(如果它仍然存在的话)。

于 2011-01-31T04:04:20.633 回答