jQuery

HTML5实例教程第一期——制作酷炫音频播放器插件

HTML5音频播放器

这一期,白牙同学来教大家如何利用HTML5的Audio API结合CSS3 + jQuery来制作一个酷炫的音频播放器插件,在对这三个知识有一定基础却又不知道能做出点什么的同学或许可以好好看看这次的案例,俗话说实践是检验真理的唯一标准,如果你觉得自己基础足够好但又缺乏实践,或者是想进一步提高,都可以参照本案例来学习与实践。

主要功能:

一、播放、暂停、上一首、下一首、音量增减
二、点击CD可以打开和关闭播放列表
三、可以拖动本地音乐文件到播放器进行播放

Tabs with Round Out Borders

Tabs with Round Out Borders

这个效果和前面藤藤制作的CSS3制作Twitter信息框是一样的,不过比她的效果简单一些,再次放上来的目的是写了一篇《Tabs with Round Out Borders》博文,主要针对的就是这种效果的制作思路与细节。在这个效果中主要运用的是元素的“:after”和“:before”来制作tabs的底部内凹圆角效果。

返回顶部