如何用jQuery仿虾米音乐网完整源码

如何用jQuery仿虾米音乐网完整源码?下面是由百分网小编为大家整理的.PHP虾米音乐网完整源码跟大家分享,喜欢的可以收藏一下!了解更多详情资讯,请关注应届毕业生考试网!

代码展示:

html

歌曲列表

  • 1

    盛夏光年

    陈冰

    好声音第三季

  • 2

    漂洋过海来看你(Live)

    刘明湘

    好声音第三季

引入jQuery和相关插件

相关操作按钮js代码,请看js/xiami.js

/*歌曲列表效果*/

$(".songList").hover(function() {

$(this).find(".more").show();

$(this).find(".dele").show();

},

function() {

$(this).find(".more").hide();

$(this).find(".dele").hide();

});

/*自定义滚动条*/

$(".songUL").rollbar({

zIndex: 80

});

//$("#lyr").rollbar({zIndex:80});

/*复选框*/

$(".checkIn").click(function() {

var s = $(this).attr("select");

if (s == 0) {

$(this).css("background-position", "-37px -710px");

$(this).attr("select", "1");

};

if (s == 1) {

$(this).css("background-position", "");

$(this).attr("select", "0");

};

});

$(".checkAll").click(function() {

var s = $(this).attr("select");

if (s == 0) {

$(this).css("background-position", "-37px -710px");

$(".checkIn[select='0']").css("background-position", "-37px -710px");

$(".checkIn[select='0']").attr("select", "1");

$(this).attr("select", "1");

};

if (s == 1) {

$(this).css("background-position", "");

$(".checkIn[select='1']").css("background-position", "");

$(".checkIn[select='1']").attr("select", "0");

$(this).attr("select", "0");

};

});

【如何用jQuery仿虾米音乐网完整源码】相关文章:

HTML制作虾米音乐,如何用jQuery仿虾米音乐网完整源码相关推荐

  1. 使用LSTM神经网络进行音乐合成(数据格式,模型构建,完整源码)

    本文章将讲解如何借用机器学习框架Tensorflow和Keras,构建LSTM神经网络模型,通过学习音乐数据,来自动合成一段音乐. 训练的原始音乐数据为:下载试听 合成的音乐例子:下载试听 完整代码( ...

  2. dedecms织梦仿麦站网模板源码下载站源码

    介绍: 第一步:上传源码到宝塔解压,访问域名/install 进行安装 第二步:登录后台还原数据.之后点击"系统"-"系统基本参数设置",修改网站根目录地址,填 ...

  3. 仿麦站网模板源码|织梦dedecms虚拟商品下载站模板源码

    简介: 织梦dedecms的,页面是比较不错,我测试时因为服务器问题反应比较慢,带两套模板一个PC一个手机,手机端也是慢,大家自行测试. 没别的毛病(估计是有加载其他站点或者有谷歌字体之类的东西) 网 ...

  4. 仿网易考拉完整源码+答辩ppt(java+mysql+JavaScript)资源详细说明

    资源链接:https://download.csdn.net/download/qq_44009745/66153684 编写环境:Linux/windows64 编写的程序:Myeclipse 10 ...

  5. 仿小米官网php源码,精仿小米官网商城整站完美运营版源码Laravel内核

    源码预览 源码介绍 运行环境:WIN-LINUX+APACHE2.4+PHP7.0+MYSQL5.5+伪静态 服务器要求: 本系统Laravel框架对PHP版本和扩展有一定要求,有必要了解下这些以便确 ...

  6. Thinkphp内核高仿拼多多拼团源码 完美运营级商城系统

    Thinkphp内核高仿拼多多拼团源码 完美运营级商城系统 可封装APP 多用户 完美运营级商城系统支持商家入驻,是目前来说最新微信拼团系统.完美运营版,带详细配置教程! 运行环境:php+mysql ...

  7. 基于jQuery仿QQ音乐播放器网页版代码

    基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览    源码下载 实现的代码. html代码: <div class=" ...

  8. NSIS 制作漂亮的安装界面(仿QQ音乐,网易云音乐)

    废话少说,先上图: 注:下面的录制的安装过程使用的安装包,均为制作的安装包,而非官方源包. QQ音乐的安装过程: 网易云音乐的安装过程: 安装包下载: QQ音乐安装包 下载链接:https://pan ...

  9. java计算机毕业设计h5仿淘宝购物系统源码+mysql数据库+系统+lw文档+部署

    java计算机毕业设计h5仿淘宝购物系统源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计h5仿淘宝购物系统源码+mysql数据库+系统+lw文档+部署 本源码技术栈: 项目架构:B ...

  10. 仿天猫商城html网页源码

    文章目录 1.下载解压后的结构 2.首页(index.html) 2.1.首页-轮播图 2.2.首页-品牌推荐 2.3.首页-美丽人生 2.4.首页-潮流酷玩 2.5.首页-居家生活 2.6.首页-打 ...

最新文章

  1. 云炬Android开发笔记 7登陆注册功能开发
  2. 阿里云Freeswtich部署
  3. VS 2008中的jQuery Intellisense
  4. 【零基础学Java】—笔记本USB接口案例(二十八)
  5. java笔记:第6章 面向对象程序设计
  6. 必须用Python给程序员不懂浪漫平反一波....不管班花还是校花全都跑不掉~
  7. Matlab中获取文件夹下所有子文件夹名称操作
  8. 高中计算机试讲教案模板,15分钟试讲教案模板.doc
  9. Panel面板和三种布局管理器
  10. Android数据库更新并保留原来数据的实现
  11. c语言把字符变成asc11值,PLC字符与数据之间如何进行转换?
  12. 关于“微笑涛声”博客
  13. Windows超级管理器-便携版
  14. 超级计算机排行榜历年,历代游戏主机浮点运算能力排行榜 究竟谁才是真正的性能怪兽...
  15. PS批量给图片加水印
  16. 【每周CV论文推荐】StyleGAN人脸属性编辑有哪些经典论文需要阅读
  17. 容器安全03:NIST.SP.800-190容器安全指南
  18. Laravel 中管道设计模式的使用 —— 中间件实现原理探究
  19. [强制类型转换]C语言中的强制类型转换相关
  20. k-means聚类算法及python实现

热门文章

  1. 菜鸟网管的入门之路-第一章、网络及硬件篇(1)
  2. 微信缓存dat怎么转图片_PC微信dat文件如何转换为图片?
  3. 结构思考力-读书笔记
  4. 提搞网站访问速度可做的优化-------转载自熊哥的博客
  5. Cannot lock file hash cache (E:\blackWu\github\X5WebView\WebViewX5\.gradle\4.6\fileHashes) as it has
  6. Java游戏吉他英雄_《吉他英雄:现场》《摇滚乐队4》横向对比:各有所长!
  7. Three-level Laser
  8. 课堂派微信端重设计建议
  9. python中加注释_python中如何添加注释
  10. java.lang.IllegalArgumentException: Address 127.0.0.1:5672:5672 seems to contain an unquoted IPv6