jquery - 鼠标悬停时可展开的横幅

标签 jquery html css flash

我目前在一个网站上工作,我的客户要求我放置一个在鼠标悬停时展开的横幅。类似于本网站 ( http://www.londontown.com/majorcampaigns/ )。 当我们将鼠标悬停在 LondonTown.com 横幅上时,它只会展开并显示广告的其余部分。

我已经尽力了,但我无法弄清楚,请帮助我。

最佳答案

您展示的示例是使用 flash 完成的。主要电影的舞台尺寸应等于横幅的“展开”尺寸。有很多方法可以做到这一点,我将尝试解释其中的一种。

你用一个 stop(); 将一个循环动画片段放在第一帧上;命令。此影片剪辑显示了未展开状态下的横幅。 然后你在整个舞台上放置一个不可见的按钮,并将以下 ActionScript 放在不可见的按钮上

button.rollOver = function() {
 gotoAndPlay (2);
}

因此影片从第 2 帧开始播放,该帧显示“展开”动画。您可以使用 rollout 函数返回到第一帧。

当然,flash电影嵌入到HTML文件中时需要设置wmode=transparent。希望这有帮助

关于jquery - 鼠标悬停时可展开的横幅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2207660/

相关文章:

html - CSS 透视图不起作用

javascript - 缩放后如何计算 Canvas 的新高度宽度?

css - 使用CSS在字母上放置一个小箭头

javascript - 星级评定系统 html

javascript - 如何添加/更改属性的值

javascript - 跟随jQuery的功能代码有什么错误?

javascript - 如何使用 Jquery 设置总价和数量选项列表

javascript - 在循环 Javascript 中更改悬停样式

javascript - 左文本区域和谷歌翻译

javascript - onclick 和 ontouchstart 同时启动