ButtonSoundEffects.zip资源-CSDN文库

共5个文件

mp3：3个

jpg：1个

html：1个

161 浏览量 2023-11-08 19:37:36 上传评论收藏 43KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Button Sound Effects.zip （5个子文件）

sound_effects

screenshot.jpg 40KB

index.html 3KB

effects

button-09.mp3 7KB

button-6.mp3 8KB

button-11.mp3 7KB

<!DOCTYPE html> <html> <head> <style type="text/css"> #container{ width:15%; min-width:200px; } #container > details > summary{ cursor:pointer; background:#C90; margin:5px; padding:5px; } #container > details > summary:hover{ background:#C93; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } #container > details a{ display:block; text-decoration: none; color:#000; font-size:13px; margin:2px 6px 3px 18px; padding: 5px; background: #CCC; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } #container > details a:hover{ text-align:center; font-weight:bold; } </style> <script type="text/javascript"> var effect = new Audio(); effect.src = 'effects/button-6.mp3'; </script> <title>Dropdown Menu Using Details and Summary Element</title> </head> <body> <div id="container"> <details> <summary onMouseDown="effect.play()">Menu 1</summary> <a href="#" onMouseDown="effect.play()">Submenu A</a> <a href="#" onMouseDown="effect.play()">Submenu B</a> <a href="#" onMouseDown="effect.play()">Submenu C</a> </details> <details> <summary onMouseDown="effect.play()">Menu 2</summary> <a href="#" onMouseDown="effect.play()">Submenu A</a> <a href="#" onMouseDown="effect.play()">Submenu B</a> <a href="#" onMouseDown="effect.play()">Submenu C</a> <a href="#" onMouseDown="effect.play()">Submenu D</a> </details> <details> <summary onMouseDown="effect.play()">Menu 3</summary> <a href="#" onMouseDown="effect.play()">Submenu A</a> <a href="#" onMouseDown="effect.play()">Submenu B</a> <a href="#" onMouseDown="effect.play()">Submenu C</a> <a href="#" onMouseDown="effect.play()">Submenu D</a> <a href="#" onMouseDown="effect.play()">Submenu E</a> </details> <details> <summary onMouseDown="effect.play()">Menu 4</summary> <a href="#" onMouseDown="effect.play()">Submenu A</a> <a href="#" onMouseDown="effect.play()">Submenu B</a> <a href="#" onMouseDown="effect.play()">Submenu C</a> <a href="#" onMouseDown="effect.play()">Submenu D</a> <a href="#" onMouseDown="effect.play()">Submenu E</a> <a href="#" onMouseDown="effect.play()">Submenu F</a> </details> </div> </body> </html>

评论收藏

内容反馈