2010-06-30 87 views
0

请检查此链接:这可以用Javascript或DHTML完成吗? (从闪存)

http://www.kings-mall.co.uk/index.php?id=5

检查商场布局,它在闪光灯的完成。我想知道这是否可以在Javascript或DHTML中完成?但底部的列表将是链接。当鼠标悬停在“时尚与运动”等一个位置/类别时,它会突出显示很多链接及其在地图上的位置。

他们称这个功能是什么?也许你已经遇到过这样的事情,你可以在这里发布吗?

谢谢!

+0

**仅供参考:** DHTML = HTML DOM + Javascript – 2010-06-30 12:56:08

回答

2

是的,如果你精通Javascript或者更好的像jQuery这样的库,这可以很容易地完成。您可以随时将附加属性附加到下面的链接,并使用CSS3选择器来选择所有这些属性,并向它们添加一些CSS类以一次突出显示它们。

楼层地图也是一样的。

关于地图布局:它可以使用HTML + CSS确定设置。类似于链接,这些布局框可以使用图像精灵,所以更改速度很快,实际上看起来与Flash中呈现的体验非常相似。但由于其中有很多我建议将它们定位到相对于某些DIV容器。为了使它们更易于访问,请使用HTML代码将它们从1改为X,然后使用CSS调整它们的大小和位置。

+0

为什么要熟练使用jQuery *比熟练使用JavaScript更好? – James 2010-06-30 12:27:27

+1

这就像知道如何驾驶一辆带有自动挡的汽车。 – Quentin 2010-06-30 12:28:43

+1

..并不知道如何用手动齿轮驱动一个... – James 2010-06-30 12:33:33

0

是的,这可以用JavaScript来完成,虽然我以前没遇到过这样的事情。

ps。请停止使用术语'DHTML'...并欢迎来到SO。

+0

只是想知道DHTML有什么问题?有一个热门网站专门针对该内容。 – Bandai2 2010-06-30 12:39:04

+0

http://en.wikipedia.org/wiki/Dynamic_HTML使用段落解释了为什么它现在不推荐使用(如果不是总是过时^^)。基本上,开发人员拥有完全可用的跨浏览器版本真的是一场噩梦。 – 2010-06-30 12:57:46

+0

@Michael:实际上,这与DHTML无关,我不同意这篇文章。情况基本上仍然是一样的(虽然不同,因为不再需要测试'document.all'),但我们仍然动态地操作DOM(毕竟,如果我们没有看到JavaScript的很多用途'),我们仍然必须应对浏览器之间的差异。恕我直言,“DHTML”只是一个流行词,就像现在很多事情被称为'AJAX'一样,即使X​​ML没有涉及它。 – 2010-06-30 13:07:59

0

看看this example这与使用JQuery和CSS/HTML后的结果非常相似。 Here是此演示的示例和资源。