鼠标事件:鼠标点击出现下拉菜单,很基础的一个特效。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
鼠标事件:鼠标点击出现下拉菜单,很基础的一个特效。
先上代码
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
var intDelay = 30; //设置菜单显示速度,越大越慢
var intInterval = 5;
function MenuClick() {
if (LayerMenu.style.display == "") {
GradientClose();
}
else {
LayerMenu.filters.alpha.opacity = 0; LayerMenu.style.display = ""; GradientShow();
}
}
function GradientShow() {
LayerMenu.filters.alpha.opacity += intInterval;
if (LayerMenu.filters.alpha.opacity < 100) setTimeout("GradientShow()", intDelay);
}
function GradientClose() {
LayerMenu.filters.alpha.opacity -= intInterval; if (LayerMenu.filters.alpha.opacity > 0) {
setTimeout("GradientClose()", intDelay);
}
else {
LayerMenu.style.display = "none"; }
}
src="img/images/music.png" width="30px" height="30px" border="0">
下面是我相对更改的地方。
src="img/images/music.png" width="30px" height="30px" border="0">
你点击的东西。
这一句出现了好几遍,是菜单栏里每一栏的代码,可以加入图片,文字和其他多媒体文件。字头部分是整体事件的代码。
*************************************************
下面是效果展示:
没有点击的时候(我的点击东西是一张图片):