这可以用 Javascript 或 DHTML 完成吗? (来自闪存)
请检查此链接:
http://www.kings-mall.co .uk/index.php?id=5
检查商城布局,它是在 Flash 中完成的。我想知道这是否可以用 Javascript 或 DHTML 来完成?但底部的列表将是链接。当鼠标悬停在一个位置/类别(例如“时尚和运动”)时,它会突出显示许多链接及其在地图上的位置。
他们怎么称呼这个功能?也许您以前遇到过类似的事情,您可以将其发布在这里吗?
谢谢!
Please check this link:
http://www.kings-mall.co.uk/index.php?id=5
Check the mall layout, it's done in flash. I was wondering if this can be done in Javascript or DHTML? But the list at the bottom would be links instead. When the mouse hover at one position/category like 'Fashion and Sports' it would highlight a lot of links and its position on the map.
What do they call this function? Maybe you've encountered something like this already before, can you post it here?
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
是的,如果您精通 Javascript,甚至精通 jQuery 等库,那么这可以很容易地完成。您始终可以将其他属性附加到下面的这些链接,并使用 CSS3 选择器选择所有链接,并向它们添加一些 CSS 类以一次性突出显示它们。
楼层地图也是如此。
关于地图布局:当然可以使用HTML+CSS进行设置。与链接类似,这些布局框可以使用图像精灵,因此更改速度会很快,并且实际上看起来与 Flash 中呈现的体验非常相似。但由于它们有很多,我建议将它们相对于某些
DIV
容器进行定位。为了使它们更好地访问,将它们放在 HTML 代码中从 1 到 X,然后使用 CSS 调整它们的大小和位置。Yes this can quite easily be done if you're versed in Javascript or even better any library like jQuery. You could always attach additional attributes to those links underneath and use CSS3 selectors to select all of them and add some CSS class to them to highlight them all at once.
The same thing goes for floor map.
Regarding map layout: it can be set using HTML+CSS surely. And similar to links these layout boxes can use image sprites so changes would be fast and would actually look very similar to this experience presented in Flash. But since there are many of them I'd suggest positioning them relatively to some
DIV
container. And to make them even better accessible put them from 1 to X in HTML code and then size and position them using CSS.是的,这可以用 JavaScript 来完成,尽管我以前没有遇到过类似的事情。
ps。请停止使用术语“DHTML”...欢迎来到 SO。
Yes, this can be done with JavaScript, although I've not encountered something like it before.
ps. Please stop using the term 'DHTML'... and welcome to SO.
看看 这个示例 它与使用 JQuery 后的情况非常相似和 CSS/HTML。 此处是此演示的示例和资源。
Have a look at this example it is very similar to what you are after using JQuery and CSS/HTML. Here are the examples and resources for this demo.