html滚动字幕如何向下移动,按向下键的同时,菜单选项向下移动,浏览器右边的滚动条也跟着跑怎么办。这个bug怎么改...
是事件冒泡的锅吗?若果是,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怎么改...相关推荐
- HTML之marquee标签(滚动字幕(跑马灯))
再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...
- 带滚动字幕的电脑钟表屏保
一.用途 帮别人写的一个小工具,想通过投影显示时钟,再加工一下成了2.0,模拟电子看板的钟表(无技术含量仅供交流学习) 针对无插件版更新到了V3.1(可以定制文字,已发布到52论坛:和谐本帖的您可以私 ...
- 在网页中的flash游戏,按方向键浏览器的滚动条会跟着滚动
今天总算把这个困扰我N久的问题给解决了,在我的flash游戏<牧场物语>中有方向键操作,但是在按上下方向键的时候浏览器右边的滚动条跟着滚动,也一上一下的,弄的我头晕,还让不让人活啊,今天终 ...
- html5 左边图片自动更换 右边字幕,☆视频片尾制作☆如何制作电影片尾,左边是彩蛋视频,右边是至下向上的滚动字幕...
大家对电影片尾并不陌生哈,每看完一部电影或微电影.电视剧等,在后面都会有一些从屏幕底下往上移动的字幕,包含有基本所有工作人员信息,比如演员.导演.化妆.摄影.场景.灯光.音效之类的,还有鸣谢赞助的单位 ...
- html网页视频加滚动字幕,视频加一行滚动字幕
你想知道在电视上偶尔出现在底下的滚动字幕是怎么制作的吗?嘻嘻,我也好奇!于是经过本人多日的综合比较和搜索,找了一款支持视频添加字幕的视频编辑软件,可以快速给视频加好看的滚动字幕,其特色如自定义编辑文字 ...
- Flash和滚动字幕
flash 1.插入flash 1)<object> <embed src="路径"></embed> </object> 2)&l ...
- android 桌面循环滚动字幕,循环滚动字幕
我们知道多媒体文件是由多个stream组成,每个stream对应不同的内容.比如视频,音频,字幕. 如果要用A视频的图像,B视频的音乐,生成C视频.原理就是提取出A视频的视频流数据,B视频的的音频流数 ...
- html移动滚动彩字字幕特效,如何制作滚动字幕 旋转好莱坞字幕特效效果图(超多滚动效果)...
紧接上一个贴子,我们继续探讨这几种字幕特效的奇葩用法. 一.特效小动景("特效小动景"以下简称为"小动景") 视频滚动字幕文字软件的画面风格里有很多超级DUAN ...
- 图片向上滚动字幕代码html,如何通过制作滚动字幕的软件实现这种片尾的向上滚动字幕效果...
如何制作滚动字幕 特殊滚动类字幕制作 向上向下向左向右滚动字幕制作效果 含拖动和消失全程 真是酷B了爽呆了,赶快学习吧! 电影.连续剧等影视作品片尾,都会在播放片尾曲时,出现向上滚动的字幕,显示演员表 ...
最新文章
- “饶毅举报”事件尘埃落定,裴钢表示未发现裴钢造假。网友:我有信心一年发20篇SCI...
- Jan 09 - Number of 1 Bits; Bit Operation;
- 主机、服务器、客户机的关系
- 有了这些经典书籍+配套实验环境上线,还有什么借口说学不好编程?
- win2003的IIS無法使用,又一次安裝提示找不到iisadmin.mfl文件
- webview中cookie的读取与保存
- 如何使用 IntelliJ IDEA 2017 配置PHP开发环境 及项目搭建
- Python之configparser模块详解和使用
- mysql检查约束字母_SQL中用check约束一列的首字母为's'
- USB转串口驱动(支持各平台)
- 博客广告 何乐而不为?
- 操作系统学习 - 逻辑地址转物理地址
- CSDN Markdown 公式编号
- 先选价、再叫车 高德打车首创上线“比价叫车”
- 比心app源码,html 获取时间
- Java 文件压缩及下载
- sqlite程序实现
- CPU load高但CPU usage低问题排查
- 前置++和后置++区别
- Linux字符设备驱动-KEY-input子系统
热门文章
- ASP.NET (C#) 面试笔试题目收集
- Failed to find Build Tools revision 26.0.1
- 常用Oracle分析函数详解
- 英雄联盟怎么解除小窗口_英雄联盟手游怎么加好友_英雄联盟手游怎么加好友一起玩_资讯...
- scala中def_def关键字以及Scala中的示例
- ruby hash方法_Ruby中带有示例的Hash.flatten方法
- c语言 关键字const_C ++ const关键字| 查找输出程序| 套装1
- 对计算机视觉研究的认识,计算机视觉(作业)
- python程序化 k线指定时间更新_Python之路 14 K线时间序列管理器
- 计算机C语言课交作业怎么交,第一份c语言作业