添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

Js+HTML5制作扁平化音乐播放器代码

时间:2015-01-13      来源:未知     
特效说明:
Js+HTML5制作扁平化音乐播放器代码,支持切换上一曲下一曲,支持调节音量,支持快进,支持暂停/播放功能,酷炫扁平化设计风格、非常不错!请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="Css/tplayer.css" />
<link rel="stylesheet" type="text/css" href="Plugins/FontAwesome4.1/css/font-awesome.min.css" />

2、调用JS插件代码:
<script src="Js/jquery.js"></script>
<script src="Js/jquery-ui.js"></script>
<script src="Js/tPlayer.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • Canvas制作圆形进度条Loading效果

    Canvas制作圆形进度条Loading效果

    一款Canvas制作圆形进度条Loading效果,该网页特效基于canvas画布绘制,循环执行的圆形百分比效果 注:不支持低版本浏览器。……
    2016-05-22
  • jQuery制作多图相册框里的图片随鼠标移动预览特效

    jQuery制作多图相册框里的图片随鼠标移动预览特效

    一款jQuery制作多图相册框里的图片随鼠标移动预览特效,带左右按钮切换上一张、下一张图片,随鼠标上下移动预览图片特效免费下载。……
    2016-05-22
  • jquery.quickflip.js制作图片翻转翻牌特效插件

    jquery.quickflip.js制作图片翻转翻牌特效插件

    一款jquery.quickflip.js制作图片翻转翻牌特效插件网页特效,点击图片实现动画翻转切换效果,类似CSS3属性transform实现翻转,兼容IE7等低端浏览器。……
    2016-05-22
  • 4款HTML5+CSS3制作input元素滑块特效

    4款HTML5+CSS3制作input元素滑块特效

    4款HTML5+CSS3制作input元素滑块特效下载,该HTML5+CSS3特效是一款使用CSS3来渲染UI样式,使用JavaScript来处理滑块的鼠标拖动事件。……
    2016-05-22
  • 纯CSS3制作优惠券线性UI效果

    纯CSS3制作优惠券线性UI效果

    一款纯CSS3制作优惠券线性UI网页特效,该HTML5+CSS3特效适合移动端、PC端优惠劵活动网页制作使用、不用图片也可以制作完美极致UI优惠劵效果。……
    2016-05-22
  • jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比特效

    jqbar.js制作柱状动画进度条百分比网页特效下载,该jQuery插件代码是一款基于jqbar.js实现的柱状图动态显示进度条特效、可以设置横向、纵向柱状图展示。……
    2016-05-22
  • 纯CSS3动画制作变形金刚霸天虎网页特效

    纯CSS3动画制作变形金刚霸天虎网页特效

    一款纯CSS3动画制作变形金刚霸天虎网页特效免费下载,采用CSS边框属性绘制图形、利用CSS3动画属性animation、transform属性制作逼真霸天虎动画实例教程。……
    2016-05-22
  • 基于Raphael.js+SVG制作的中国地图

    基于Raphael.js+SVG制作的中国地图

    一款基于Raphael.js的svg多功能地图插件网页特效免费下载,该特效代码基于Raphael的svg地图组件,可以兼容ie6+现代浏览器,在 api的设置上比较简单,目的就是要做一款比较小巧的组件,同时又能……
    2015-11-10
  • HTML5+JS制作验证码网页特效

    HTML5+JS制作验证码网页特效

    一款HTML5+JS制作验证码网页特效,点击click按钮弹出验证码验证表单,验证码正确则提交页面,输入错误刷新验证码,不错的html5+js验证码功能。……
    2015-10-28
  • 公司商务网站设计的三大风格特点

    公司商务网站设计的三大风格特点

    想做好公司网站设计就要了解顾客人群,要迎合他们的品味与喜好。一般情况下,目标用户群主要涉及游客、网络顾客等年轻人。作好企业网站就要对网上消费者的行为进行分析研究,注重顾……
    2015-10-23



最新更新特效

设计分享