如何使用CSS&HTML实现类似音量控制的拖动条

html-css011

如何使用CSS&HTML实现类似音量控制的拖动条,第1张

提供两种处理方式:

1.使用jplayer,需要额外引入几个脚本文件和样式文件即可搞定,可以自定义样式,具体参考相关文档;

2.使用audio标签实现,将其隐藏(透明处理),拖曳操作实际是操作的audio标签,但是事件回调控制显示,这种方式可以很少的代码来控制;

如果仅仅是一个点击播放,暂停之类的简单功能,推荐使用方式2.如果操作复杂,还要设计播放列表啥的,推荐方式1.

你先给a标签加一个div,然后设计边框为border-style:none;然后当执行拖拽事件时(JS函数),设置边框宽度可以么?你试一下!应该可以把!不行还有很多办法!搞个背景图片也行!