我目前在一个网站上工作,我的客户要求我放置一个在鼠标悬停时展开的横幅。类似于本网站 ( 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/