是事件冒泡的锅吗?若果是,cancelbubble加到哪一行下面?若果不是应该怎么改.

下拉菜单

body,ul,li{ margin:0; padding:0; font-size:13px;}

ul,li{list-style:none;}

#divselect{width:186px; margin:80px auto; position:relative; z-index:10000;}

#divselect cite{width:150px; height:24px;line-height:24px; display:block; color:#807a62; cursor:pointer;font-style:normal;

padding-left:4px; padding-right:30px; border:1px solid #333333;

/*background:url(xjt.png) no-repeat right center;*/}

#divselect ul{width:184px;border:1px solid #333333; background-color:#ffffff; position:absolute; z-index:20000; margin-top:-1px; display:none;}

#divselect ul li{height:24px; line-height:24px;}

#divselect ul li a{display:block; height:24px; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;}

window.οnlοad=function(){

var box=document.getElementById('divselect'),

title=box.getElementsByTagName('cite')[0],

menu=box.getElementsByTagName('ul')[0],

as=box.getElementsByTagName('a'),

index=-1;

// 点击三角时

title.οnclick=function(event){

event = event||window.event;

menu.style.display = 'block';

if(event.stopPropagation){

event.stopPropagation();

}else{

event.cancelBubble = true;

}

document.onkeyup = function(event){

event = event||window.event;

if(event.keyCode==40){

index++;

if(index>=as.length) index=0;

for(var i=0; i

as[i].style.background = '#fff';

}

as[index].style.background = '#ccc';

}

if(event.keyCode==38){

index--;

if(index<0) index=as.length-1;

for(var i=0; i

as[i].style.background = '#fff';

}

as[index].style.background = '#ccc';

}

if(event.keyCode==13){

for(var i=0; i

as[i].style.background = '#fff';

}

title.innerHTML = as[index].innerHTML;

menu.style.display = 'none';

}

}

}

// 滑过滑过、离开、点击每个选项时

for(var i=0; i

as[i].num = i

as[i].onmouseover = function(){

this.style.background = '#ccc'

index = as[i].num-1;

}

as[i].onmouseout = function(){

this.style.background = '#fff'

}

as[i].onclick = function(event){

event = event||window.event;

if(event.stopPropagation){

event.stopPropagation();

}else{

event.cancelBubble = true;

}

menu.style.display = 'none';

title.innerHTML = this.innerHTML;

}

}

// 点击页面空白处时

document.onclick = function(){

menu.style.display = 'none';

}

}

请选择分类

  • ASP开发
  • .NET开发
  • PHP开发
  • Javascript开发
  • Java特效

html滚动字幕如何向下移动,按向下键的同时,菜单选项向下移动,浏览器右边的滚动条也跟着跑怎么办。这个bug怎么改...相关推荐

  1. HTML之marquee标签(滚动字幕(跑马灯))

    再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...

  2. 带滚动字幕的电脑钟表屏保

    一.用途 帮别人写的一个小工具,想通过投影显示时钟,再加工一下成了2.0,模拟电子看板的钟表(无技术含量仅供交流学习) 针对无插件版更新到了V3.1(可以定制文字,已发布到52论坛:和谐本帖的您可以私 ...

  3. 在网页中的flash游戏,按方向键浏览器的滚动条会跟着滚动

    今天总算把这个困扰我N久的问题给解决了,在我的flash游戏<牧场物语>中有方向键操作,但是在按上下方向键的时候浏览器右边的滚动条跟着滚动,也一上一下的,弄的我头晕,还让不让人活啊,今天终 ...

  4. html5 左边图片自动更换 右边字幕,☆视频片尾制作☆如何制作电影片尾,左边是彩蛋视频,右边是至下向上的滚动字幕...

    大家对电影片尾并不陌生哈,每看完一部电影或微电影.电视剧等,在后面都会有一些从屏幕底下往上移动的字幕,包含有基本所有工作人员信息,比如演员.导演.化妆.摄影.场景.灯光.音效之类的,还有鸣谢赞助的单位 ...

  5. html网页视频加滚动字幕,视频加一行滚动字幕

    你想知道在电视上偶尔出现在底下的滚动字幕是怎么制作的吗?嘻嘻,我也好奇!于是经过本人多日的综合比较和搜索,找了一款支持视频添加字幕的视频编辑软件,可以快速给视频加好看的滚动字幕,其特色如自定义编辑文字 ...

  6. Flash和滚动字幕

    flash 1.插入flash 1)<object> <embed src="路径"></embed> </object> 2)&l ...

  7. android 桌面循环滚动字幕,循环滚动字幕

    我们知道多媒体文件是由多个stream组成,每个stream对应不同的内容.比如视频,音频,字幕. 如果要用A视频的图像,B视频的音乐,生成C视频.原理就是提取出A视频的视频流数据,B视频的的音频流数 ...

  8. html移动滚动彩字字幕特效,如何制作滚动字幕 旋转好莱坞字幕特效效果图(超多滚动效果)...

    紧接上一个贴子,我们继续探讨这几种字幕特效的奇葩用法. 一.特效小动景("特效小动景"以下简称为"小动景") 视频滚动字幕文字软件的画面风格里有很多超级DUAN ...

  9. 图片向上滚动字幕代码html,如何通过制作滚动字幕的软件实现这种片尾的向上滚动字幕效果...

    如何制作滚动字幕 特殊滚动类字幕制作 向上向下向左向右滚动字幕制作效果 含拖动和消失全程 真是酷B了爽呆了,赶快学习吧! 电影.连续剧等影视作品片尾,都会在播放片尾曲时,出现向上滚动的字幕,显示演员表 ...

最新文章

  1. “饶毅举报”事件尘埃落定,裴钢表示未发现裴钢造假。网友:我有信心一年发20篇SCI...
  2. Jan 09 - Number of 1 Bits; Bit Operation;
  3. 主机、服务器、客户机的关系
  4. 有了这些经典书籍+配套实验环境上线,还有什么借口说学不好编程?
  5. win2003的IIS無法使用,又一次安裝提示找不到iisadmin.mfl文件
  6. webview中cookie的读取与保存
  7. 如何使用 IntelliJ IDEA 2017 配置PHP开发环境 及项目搭建
  8. Python之configparser模块详解和使用
  9. mysql检查约束字母_SQL中用check约束一列的首字母为's'
  10. USB转串口驱动(支持各平台)
  11. 博客广告 何乐而不为?
  12. 操作系统学习 - 逻辑地址转物理地址
  13. CSDN Markdown 公式编号
  14. 先选价、再叫车 高德打车首创上线“比价叫车”
  15. 比心app源码,html 获取时间
  16. Java 文件压缩及下载
  17. sqlite程序实现
  18. CPU load高但CPU usage低问题排查
  19. 前置++和后置++区别
  20. Linux字符设备驱动-KEY-input子系统

热门文章

  1. ASP.NET (C#) 面试笔试题目收集
  2. Failed to find Build Tools revision 26.0.1
  3. 常用Oracle分析函数详解
  4. 英雄联盟怎么解除小窗口_英雄联盟手游怎么加好友_英雄联盟手游怎么加好友一起玩_资讯...
  5. scala中def_def关键字以及Scala中的示例
  6. ruby hash方法_Ruby中带有示例的Hash.flatten方法
  7. c语言 关键字const_C ++ const关键字| 查找输出程序| 套装1
  8. 对计算机视觉研究的认识,计算机视觉(作业)
  9. python程序化 k线指定时间更新_Python之路 14 K线时间序列管理器
  10. 计算机C语言课交作业怎么交,第一份c语言作业