標籤：call 播放器 radius win com ddl count border int
視頻播放器音量大小效果。
：“我很醜！~可是我有音樂和啤酒！~”
HTML：
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>volume</title></head><body> <div id="volume_box"> <span id="volume_show">100%</span> </div></body></html>
CSS:
<style> #volume_box { width: 100px; height: 100px; border-radius: 50%; border: 3px #D9D9D9 solid; background-image: radial-gradient( circle , white , #E3E4E2); line-height: 100px; text-align: center; } #volume_show { font-size: 25px; font-family: "微軟雅黑"; font-weight: bold; color: gray; vertical-align: middle; } </style>
JS：
<script> onkeydown = function (e) { var e = event || window.event || arguments.caller.arguments[0], count = document.getElementById(‘volume_show‘), int = parseInt(count.innerHTML); if (e && e.keyCode === 40 && int > 0) { count.innerHTML = int - 10 + ‘%‘; } if (e && e.keyCode === 38 && int < 100) { count.innerHTML = int + 10 + ‘%‘; } } </script>
【原生JS】鍵盤事件
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
