如何用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. main方法_错误: 在类 ZiFUChuan.Pyramid 中找不到 main 方法, 请将 main 方法定义为:
  2. Fundamental Research:根系分泌物通过调控土壤微生物影响碳周转的机理
  3. vivado----fpga硬件调试 (七)----数据导出并用MATLAB读取
  4. python读取进程内存_Python读取Linux内存进程错误(/ proc / $pid / mem...
  5. Thinking in work
  6. GitHub 为什么有些时候进去特变慢
  7. 【深度学习】深度学习之LSTM
  8. nat,acl及单臂路由实验(ensp)
  9. 数据仓库被淘汰了?都怪数据湖
  10. SAP License:SAP的采购组
  11. 用机器学习来预测情侣间何时吵架,这是一个很实用的算法
  12. android wifi列表轮询,(八十八)Android O WiFi启动流程梳理续——connectToSupplicant
  13. JavaMail实现邮件的发送
  14. 模拟实现memcmp
  15. 受约束的 Delaunay 2D
  16. vue路由——基础篇(二)
  17. 怎么用python画花瓣_使用Python画一朵美丽的玫瑰花
  18. 浏览器在sandbox中没声音
  19. 使用jackson进行字符串,集合和json之间的转换
  20. 直播RMVB!iPLAYER影音卡全国首发评测

热门文章

  1. 比较计算机动画与传统动画的异同,定格动画和传统动画有什么区别?基本一样吧?...
  2. const char *p与char * const p区别
  3. HOJ 1568 Fibonacci(对数,数列通项公式)
  4. python中forward的参数_pytorch forward两个参数实例
  5. html图形渐变颜色一半一半,CSS3第八课:重复线性渐变repeating-linear-gradient
  6. word文档打破折号
  7. 计算机屏幕的显示分辨率与什么有关,计算机屏幕分辨率高低主要跟什么有关?...
  8. yarn命令报错Error: The project seems to require yarn but it‘s not installed
  9. 微博商城开启社会化电商之路
  10. JAVA快递单号查询接口对接教程【快递鸟DEMO】