SKPlayer -- 一个超级简单好用的音乐插件+CSS+HTML+JS
1.页面代码:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>大学生心理健康管理系统</title><link rel="icon" href="images/icon.png"><link type="text/css" rel="stylesheet" href="css/music.css"></head> <body><header><img src="images/logo.jpg"><hr noshade="noshade" color="white"></header><main><div id="skPlayer"></div><script src="js/skPlayer.min.js"></script><script>var player = new skPlayer({autoplay: true,//可选项,自动播放,默认为false,true/false listshow: true,//可选项,列表显示,默认为true,true/false mode: 'listloop',//可选项,循环模式,默认为'listloop' //'listloop',列表循环 //'singleloop',单曲循环 music: {//必需项,音乐配置 type: 'cloud',//必需项,网易云方式指定填'cloud' source: 646189242 //必需项,网易云音乐歌单id //登录网易云网页版,在网页地址中拿到 // ... playlist?id=646189242 }});</script></main><footer><p>Copyright © 2017-2018 长沙医学院信息工程学院 张宁 版权所有</p></footer></body> </html>
CSS代码:
body{height: auto;width: auto;background-color: #2facd4; }header{text-align: center; }#skPlayer{margin: auto;margin-top:100px; }footer{margin-top: 260px;text-align: center; }
2.效果:
3.下载地址:http://download.csdn.net/download/mzd8341/10201372
SKPlayer -- 一个超级简单好用的音乐插件+CSS+HTML+JS相关推荐
- php 自定义超全局,一个超级简单的 PHP 超全局变量管理扩展
一个超级简单的 PHP 超全局变量管理扩展(自卖自夸) 介绍 SG 全称 Superglobals,它的诞生为了方便快捷操作 PHP 预定义的超全局变量,用户定义的超全局变量. 如果在非 CLI 模式 ...
- LWJGL入门指南:使用《我的世界》(Minecraft)同款游戏库开发一个超级“简单”的3D射击游戏
LWJGL系列文章 LWJGL入门指南:序章 LWJGL入门指南:安装LWJGL或生成maven或gradle依赖与第一行LWJGL代码 LWJGL入门指南:一个超级简单的3D射击游戏demo 前言 ...
- 大学生数据库课程设计之学生选课系统(一个超级简单的系统)
大学数据库课程设计–一个简单的学生选课系统 一.系统简介 一个超级简单的学生选课系统,使用Windows窗体设计界面,使用C#语言实现各种功能,数据库使用的是SQL.由于时间原因,做的非常仓促,系统中 ...
- python easygui_EasyGUI是python的一个超级简单的GUI工具介绍(一)
1 说明: 1.1 EasyGUI是python的一个GUI(图形用户界面),比内置tkinter(python3以后内置)还简单好用. 1.2 EasyGUI运行在tkinter之上. 1.3 无需 ...
- 一个超级简单的csv读取工具类
为什么80%的码农都做不了架构师?>>> 话说我们项目决定把游戏数据静态文件都从csv读取,所以就写了这个类了,非常简单的,可以把csv的一行映射到一个pojo上 上代码!! ...
- 自己做的一个超级简单的小游戏
自己做了一个简单的uniy3d小游戏 方向键控制一个小球躲避别的小球,撞到指定的墙胜利,被别的球撞到失败. 初学者练手 Player move Enemy move Islose_Trigger Sp ...
- cmd上写的java简单代码_用cmd编辑一个超级简单的小游戏,求代码
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 贪吃蛇: import java.awt.*; import java.util.LinkedList; import java.util.Scanner ...
- java用二维数组编写地图_[Java] Java二维数组写一个超级简单的扫雷游戏,适合新手...
直接上代码//随机生成地雷数 int numOfMines=10; //地图尺寸 int mapSize=9; Random r=new Random(); //用二位数组做地图 int [][] m ...
- 分享一个超级简单简洁的单页导航网站源码,不到1m,带valine评论设置
影剧导航 示例网页:https://guide.qitablog.com/index.html 底部呢加个api就行 详细的可以看onemanager评论功能实现 onemanager美化详细图文教程 ...
- 发现一个超级简单下载17素材网的下载的方法,在这里分享一下。
1.首先你要知道你下载的URL地址 2.复制要下载素材的URL地址到 下面的解析框内 3.点击解析按钮,就可以下载了. 4.由于老是有人改密码,不再提供账号.TNND,共享个P. 账号:c ...
最新文章
- 【转】Word2007中不连续页码设置 多种页码设置
- win7虚拟机黑苹果_关于最近折腾黑苹果的一些心得分享
- 安振平老师的4911号不等式问题的证明
- ReentrantLock实现原理深入探究
- 用博客见证自己的成长
- memcpy,strcpy,strncpy
- 三星Galaxy Note 20相机细节曝光:这个镜头略显鸡肋或被舍弃
- DirectAdmin安装mod_encoding支持中文
- Frank-Wolfe和梯度投影方法MATLAB实现
- VBA用CDO批量发送邮件
- Java内存模型(JMM)详解-可见性volatile
- 基于SpringBoot+Thymeleaf兼职招聘网站
- Vue 模板语法、事件和表单使用
- 转载:图像抠图算法学习 -Shared Sampling for Real-Time Alpha Matting
- 【超全】Go语言超详细学习知识体系
- 俺同学的QQ签名,我晕~
- 2021浏阳一中高考成绩查询,浏阳市2021年“三考”增加考生万余名
- 全能pdf转换器注册码
- win7如何评价计算机,一个90后眼中的Windows系列计算机系统
- 【愚公系列】2023年01月 Java教学课程 030-static关键字
热门文章
- ubuntu安装wechat
- 计算机3d相册代码,CSS3实现3D旋转相册(示例代码)
- Python 中 jieba 库
- 希尔伯特变换 matlab,MATLAB的实现Hilbert变换程序_matlab
- weibinv matlab,利用MATLAB进行夫琅和费衍射
- Matlab:实现Fra圆孔衍射仿真
- 运筹学实验报告c语言,运筹学教案-实验.doc
- 单片机矩阵键盘c语言程序,stc89c52单片机下的矩阵键盘程序
- 2022-2028全球与中国智能家居安防系统市场现状及未来发展趋势
- 莱布尼茨公式C语言编程,高等数学——手撕牛顿莱布尼茨公式