html5 带图片导航,html5 带声音的导航
发布日期:2021-06-24 17:49:21
浏览次数:3
分类:技术文章
本文共 543 字,大约阅读时间需要 1 分钟。
代码实例:
无标题文档*{ margin:0; padding:0;}
#ul1{ 1000px; height:30px;}
#ul1 li{
list-style:none;
100px;
height:30px;
background: #cccccc;
color:white; border:1px #000 solid;
float:left;
line-height:30px;
text-align:center;
}
window.onload = function(){
var aLi = document.getElementsByTagName('li');
var oA = document.getElementById('a1');
for(var i=0;i
aLi[i].οnmοuseοver= function(){
//this.getAttribute('au');
//字符串拼接的方式,获取不同的地址
oA.src = this.getAttribute('au')+'.mp3';
//播放
oA.play();
};
}
};
- 首页
- 视频
- 课程
- 职业
- 企业
- 社区
- 会员
效果:
、
编辑的文件
2017-09-03 20:44:37
转载地址:https://blog.csdn.net/weixin_34220029/article/details/117836338 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年04月27日 13时00分57秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
PHP防止注入攻击
2019-04-27
多路IO复用模型 select epoll 等
2019-04-27
Linux Epoll介绍和程序实例
2019-04-27
output_buffering详细介绍
2019-04-27
php缓冲 output_buffering和ob_start
2019-04-27
php error_reporting 详解
2019-04-27
剖析PHP中的输出缓冲
2019-04-27
HTTP响应头不缓存
2019-04-27
PHP安装扩展mcrypt以及相关依赖项 【PHP安装PECL扩展的方法】
2019-04-27
Javascript到PHP加密通讯的简单实现
2019-04-27
德国SNS交友/视频网站Poppen.de的技术架构分享
2019-04-27
UNIX环境编程
2019-04-27
一笔画问题【数据结构-图论】
2019-04-27
红黑树
2019-04-27
安装多个gcc
2019-04-27
Linux0.01内核根目录Makefile注释
2019-04-27
【CSDN2012年度博客之星】需要您的一票,感谢大家的支持
2019-04-27
PHP对于浮点型的数据需要用不同的方法去解决
2019-04-27
Tokyo Cabinet 安装
2019-04-27
Flink在美团的应用与实践听课笔记
2019-04-27