qqmusic record，布局完成

最新推荐文章于 2024-02-07 13:12:15 发布
最新推荐文章于 2024-02-07 13:12:15 发布
阅读量475 收藏 1
点赞数 4
分类专栏： 前端学习记录 文章标签： css 前端 css3 jquery html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51082388/article/details/122025640
版权

1.高斯模糊图片
值越小越不模糊，值越大越模糊

filter:blur(100px);

这个像素加px
2.让图片填满整个屏幕

background-size: cover;

3.让照片在最后边显示（注意：不要加px加习惯了，这个不需要加px）

z-index: -2;

4淡灰色的遮罩

<div class="mask">
		
	</div>

.mask{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.35);
}

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>QQ音乐播放器</title>
		<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-3.4.1.min.js">

		</script>
		<script src="js/js/jquery.mCustomScrollbar.concat.min.js">

		</script>
		<script src="js/js/index.js">

		</script>


	</head>
	<body>
		<div class="header">
			<h1 class="logo"><a href="#"></a></h1>
			<ul class="register">
				<li>登录</li>
				<li>设置</li>
			</ul>
		</div>
		<div class="content">
			<div class="content_in">
				<div class="content_left">
					<div class="content_toolbar">
						<span><i></i>收藏</span>
						<span><i></i>添加到</span>
						<span><i></i>下载</span>
						<span><i></i>删除</span>
						<span><i></i>清空列表</span>
					</div>
					<div class="content_list" data-mcs-theme="minimal-dark">

						<ul>
							<li class="list_title">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">

								</div>
								<div class="list_name">
									歌曲
								</div>
								<div class="list_singer">
									歌手
								</div>
								<div class="list_time">
									时长
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<!--list_checked-->
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<!--list_checked-->
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<!--list_checked-->
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<!--list_checked-->
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:" title="删除"></a>
								</div>

							</li>
							<li class="list_music">
								<div class="list_check">
									<i></i>
								</div>
								<div class="list_number">
									1
								</div>
								<div class="list_name">
									模仿名字
									<div class="list_menu">
										<a href="javascript:" title="播放"></a>
										<a href="javascript:" title="添加"></a>
										<a href="javascript:" title="下载"></a>
										<a href="javascript:" title="分享"></a>

									</div>
								</div>
								<div class="list_singer">
									歌手小崔
								</div>
								<div class="list_time">
									<span>66:66</span>
									<a href="javascript:;" title="删除"></a>
								</div>

							</li>

						</ul>
					</div>
				</div>
				<div class="content_right">
					<div class="song_info">
						<a href="javascript:" class="song_info_pic">
							<img src="img/images/lnj.jpg" alt="">
						</a>
						<div class="song_info_name">歌曲名称：
							<a href="javascript:;">从不认识到熟悉</a>
						</div>
						<div class="song_info_singer">歌手：
							<a href="javascript:;">远方的浪子</a>
						</div>
						<div class="song_info_name">专辑名称：
							<a href="javascript:;">出人头地</a>
						</div>
					</div>
					<ul class="song_lyric">
						<li class="cur">第一条歌词</li>
						<li>第二条歌词</li>
					</ul>

				</div>
			</div>
			<div class="footer">
				<div class="footer_in">
					<a href="javascript:;" class="music_pre"></a>
					<a href="javascript:;" class="music_play music_play2"></a>
					<a href="javascript:;" class="music_next"></a>
					<div class="music_progress_info">
						<div class="music_progress_top">
							<span class="music_progress_name">小贾小贾，依旧是小贾/小西贝</span>
							<span class="music_progress_time">00：00 / 05：23</span>
						</div>
						<div class="music_progress_bar">
							<div class="music_progress_line">
								<div class="music_progress_dot">

								</div>
							</div>
						</div>
					</div>
					<a href="javascript:;" class="music_mode music_mode4"></a>
					<a href="javascript:;" class="music_fav music_fav2"></a>
					<a href="javascript:;" class="music_down"></a>
					<a href="javascript:;" class="music_comment"></a>
					<a href="javascript:;" class="music_only .music_only2"></a>
					<div class="music_voice_info">
							<a href="javascript:;" class="music_voice_icon"></a>
							<div class="music_voice_bar">
								<div class="music_voice_line">
									<div class="music_voice_dot">
							
									</div>
								</div>
							</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	<div class="mask_bg">
		
	</div>
	<div class="mask">
		
	</div>
	</body>
</html>

css

* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	font-size: 14px;
}

.header {
	width: 100%;
	height: 45px;
	/*background-color: red;*/
}

.header .logo {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	opacity: 0.5;
}

.header .logo:hover {
	opacity: 1;

}

.header .logo a {
	display: inline-block;
	width: 78px;
	height: 21px;
	background: url(../img/images/player_logo.png) no-repeat 0 0;
}

.header .register {
	float: right;
	line-height: 45px;
}

.header .register li {
	list-style: none;
	float: left;
	margin-right: 20px;
	color: #fff;
	opacity: 0.5;
}

.header .register li:hover {
	opacity: 1;
}

.content {
	width: 100%;
	height: 460px;
	/*background: blue;*/
}

.content .content_in {
	width: 1200px;
	height: 100%;
	/*background: deeppink;*/
	margin: 0 auto;
}

.content_in .content_left {
	float: left;
	width: 800px;
	height: 100%;
	/*background: pink;*/
}

.content_left .content_toolbar {
	width: 100%;
	height: 40px;
	/*background: #000;*/
	/*color: wheat;也可以*/

}

.content_toolbar span {
	display: inline-block;
	width: 122px;
	height: 100%;
	line-height: 40px;
	text-align: center;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 5px;
	color: white;
	opacity: 0.5;
}

.content_toolbar span:hover {
	opacity: 1;
}

.content_toolbar span i {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/images/icon_sprite.png) no-repeat 0 0;
	margin-right: 10px;
	vertical-align: -5px;

}

.content_toolbar span:nth-child(1) i {
	background-position: -60px -20px;
}

.content_toolbar span:nth-child(2) i {
	background-position: -20px -20px;
}

.content_toolbar span:nth-child(3) i {
	background-position: -40px -220px;
}

.content_toolbar span:nth-child(4) i {
	background-position: -100px -20px;
}

.content_toolbar span:nth-child(5) i {
	background-position: -40px -300px;
}



.content_left .content_list {
	width: 100%;
	height: 420px;
	/*background: purple;*/
	overflow: auto;


}

.content_list li {
	list-style: none;
	width: 100%;
	height: 50px;
	/*background: orangered;*/
	/*opacity: 0.5;这样也可以*/
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	user-select: none;
}

.content_list li div {
	float: left;
	color: #fff;
	line-height: 50px;
	opacity: 0.5;
}

.content_list .list_check {
	width: 50px;
	height: 100%;
	/*background: #000000;*/
	text-align: center;
}

.content_list .list_check i {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
}

.content_list .list_checked i {
	background: url(../img/images/icon_sprite.png) no-repeat -60px -80px;
}

.content_list .list_number {
	width: 20px;
	height: 100%;
	/*background: green;*/
}

.content_list .list_name {
	width: 50%;
	height: 100%;
	/*background: #CCCCCC;*/
}

.list_name .list_menu {
	margin-top: 5px;
	float: right;
	margin-right: 20px;
	display: none;
}

.list_menu a {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../img/images/icon_list_menu.png) no-repeat 0 0;
}

.list_menu a:nth-child(1) {
	background-position: -120px 0;
}

.list_menu a:nth-child(2) {
	background-position: -120px -80px;
}

.list_menu a:nth-child(3) {
	background-position: -120px -120px;
}

.list_menu a:nth-child(4) {
	background-position: -120px -40px;
}

.content_list .list_singer {
	width: 20%;
	height: 100%;
	/*background: pink;*/
}

.content_list .list_time a {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../img/images/icon_list_menu.png) no-repeat -120px -160px;
	float: left;
	margin-top: 5px;
	display: none;
}

.content_in .content_right {
	float: right;
	width: 400px;
	height: 100%;
	/*background: #ccc;*/
}

.content_right .song_info {
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	line-height: 30px;
}

.song_info .song_info_pic {
	display: inline-block;
	background: url(../img/images/album_cover_player.png) no-repeat 0 0;
	width: 201px;
	height: 180px;
	text-align: left;
}

.song_info_pic img {
	width: 180px;
	height: 180px;
}

.song_info div a {
	text-decoration: none;
	color: #FFFFFF;
	opacity: 0.5;
}

.song_info div a:hover {
	opacity: 1;
}

.content_right .song_lyric {
	/*background: #008000;*/
	text-align: center;
	margin-top: 30px;
}

.content_right .song_lyric li {
	list-style: none;
	line-height: 30px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.5);
}

.content_right .song_lyric .cur {
	color: #31e27c;
}

.footer {
	width: 100%;
	height: 80px;
	/*background: green;*/
	position: absolute;
	left: 0;
	bottom: 0;
}

.footer .footer_in {
	width: 1200px;
	height: 100%;
	/*background: plum;*/
	margin: 0 auto;
}

.footer_in a {
	display: inline-block;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../img/images/player.png) no-repeat 0 0;
	margin-right: 20px;
}

.footer_in .music_pre {
	width: 19px;
	height: 20px;
	background-position: 0 -30px;
}

.footer_in .music_play {
	width: 21px;
	height: 29px;
	background-position: 0 0;
	vertical-align: -5px;
}

.footer_in .music_play2 {
	background-position: -30px 0;
}

.footer_in .music_next {
	width: 19px;
	height: 20px;
	background-position: 0 -52px;
}

.footer_in .music_progress_info {
	display: inline-block;
	width: 671px;
	height: 40px;
	/*background: red;*/
	position: relative;
	top: 10px;
}

.music_progress_info .music_progress_top {
	width: 100%;
	height: 30px;
	line-height: 30px;
	/*background: #000000;*/
	color: #FFFFFF;
}

.music_progress_top .music_progress_name {
	float: left;
	opacity: 0.5;
}

.music_progress_top .music_progress_name:hover {
	opacity: 1;
}

.music_progress_top .music_progress_time {
	float: right;
	opacity: 0.5;
}

.music_progress_top .music_progress_time:hover {
	opacity: 1;
}

.music_progress_info .music_progress_bar {
	width: 100%;
	height: 5px;
	background: rgba(255, 255, 255, 0.5);
	margin-top: 5px;
}

.music_progress_bar .music_progress_line {
	width: 100px;
	height: 100%;
	background: #fff;
}

.music_progress_line .music_progress_dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	position: relative;
	top: -5px;
	left: 100px;
}

.footer_in .music_mode {
	width: 26px;
	height: 25px;
	background-position: 0 -205px;
}

.footer_in .music_mode2 {
	width: 23px;
	height: 20px;
	background-position: 0 -260px;
}

.footer_in .music_mode3 {
	width: 25px;
	height: 19px;
	background-position: 0 -74px;
}

.footer_in .music_mode4 {
	width: 26px;
	height: 25px;
	background-position: 0 -232px;
}

.footer_in .music_fav {
	width: 24px;
	height: 21px;
	background-position: 0 -96px;
}

.footer_in .music_fav2 {
	background-position: -30px -96px;
}

.footer_in .music_down {
	width: 22px;
	height: 21px;
	background-position: 0 -120px;
}

.footer_in .music_comment {
	width: 24px;
	height: 24px;
	background-position: 0 -400px;
}

.footer_in .music_only {
	width: 74px;
	height: 27px;
	background-position: 0 -281px;
}

.footer_in .music_only2 {
	background-position: 0 -310px;
}

.footer_in .music_voice_info {
	display: inline-block;
	width: 100px;
	height: 40px;
	/*background: #004580;*/
	position: relative;
	top: 10px;
}

.music_voice_info .music_voice_icon {
	width: 26px;
	height: 21px;
	background-position: 0 -144px;
	position: absolute;
	left: 0;
	top: 10px;
}

.music_voice_info .music_voice_bar {
	width: 70px;
	height: 4px;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	right: 0;
	top: 18px;
}

.music_voice_bar .music_voice_line {
	width: 50px;
	height: 100%;
	background: #fff;
}

.music_voice_line .music_voice_dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	position: relative;
	top: -5px;
	left: 50px;
}

.mask_bg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background:url(../img/images/lnj.jpg) no-repeat 0 0 ;
	background-size: cover;
	filter:blur(100px);
}
.mask{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.35);
}
.mCS_1 .mCSB_scrollTools .mCSB_dragger_bar {
	width: 15px;
}
是数学系的小孩儿
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
利用Android原生RenderScript实现仿网易云、QQ音乐播放界面高斯模糊效果
qq_20613149的博客
09-02 1231
国际惯例先上图： QQ音乐效果图： Demo效果图： 高斯模糊工具类： /** * <pre> * author : Hansel * e-mail : oysqloveyou@163.com * desc : 毛玻璃工具类 * version: 1.0 * </pre> */ public class BlurUtil...
QQ音频文件服务器,unlock-music：支持解密网易云/QQ音乐的加密文件和ID3信息补全...
weixin_35982453的博客
07-31 4184
说明：最近有小伙伴推荐了个解密工具unlock-music，支持网易云音乐/QQ音乐的VIP音乐文件批量解密导出为MP3或无损格式，包括ncm、qmc0、qmc3、mcflac、qmcogg、mflac格式及补全ncm的ID3信息，挺实用的，毕竟通常情况下，当这些客户端VIP会员到期后会自动删除已下载的VIP音乐文件。而且文件是加密格式的只能用客户端播放，会员到期后就算保留音乐文件也无法使用，而且...
QQ音乐新版客户端的音乐无法解密？来看看解决方法！音乐解锁工具Web+批处理版本合集，附常见问题及解决方法！
最新发布
DoNot996的博客
02-07 8893
加密格式音乐解锁工具，支持qmc，mflac，mgg，ncm，kgm等格式加密音乐的解锁；已更新新版客户端音乐无法解锁的解决方法。
QQ音乐特有的.qmc3文件 转换成.mp3
热门推荐
很馋的虫子
06-05 6万+
QMC3是QQ音乐独有的加密方式，想要把QMC3格式转换成MP3格式，需要借助第三方软件QMC解码器。 网站：QMC在线解密 网页版，全平台支持，这个网站还是摩声大佬提供的！ http://moresound.tk/music/tool/ ...
QQ音乐.qmc3文件转换成正常mp3文件
DreamsArchitects的博客
10-20 4505
文章目录一、二、三、 一、 将音乐下载到本地 二、 下载githup地址 下载对应版本（我使用的是MacOS） 下载后解压 解压后： 三、 打开终端 进入这个命令所在的目录（我将音乐和命令都放在一起了） 输入命令./decoder 周杰伦-爱情废柴.qmc3 即完成装换 结果： ...
QQmusic imitations record 第二天
qq_51082388的博客
12-09 591
Gnome 下 QQmusic 闪退处理
帝羽阁
09-13 113
Gnome 下 QQmusic 闪退处理
qqmusic download and upload
Jack的博客
05-22 949
QQ音乐付费歌曲下载，以及上传到网易云盘 一、描述 开通QQ音乐的付费音乐包，下载最高音质的歌曲，下载后发现歌曲格式是qmcflac。只能通过qq音乐才能播放，而且还必须在会员期间使用。 二、转换为普通的flac格式 github上一位技术达人做的脚本 github地址 三、关于上传到网易云音乐的音乐云盘 1.网易自己没有版权的歌曲可以直接上传，比如周杰伦的歌曲，直接点击就可以上传了。但是他自己平...
QQMusic.exe
06-26
QQ音乐，记录我们曾经小有遗憾或者感动的那些瞬间
qqmusic安装包
08-17
"qqmusic安装包"指的是用于在计算机或移动设备上安装QQ音乐应用程序的文件集合。这个压缩包包含了安装程序所需的所有文件，但根据描述，它不包含源代码或示例，因此主要面向普通用户而非开发者。 在安装QQ音乐的...
qqMusic:一个仿QQ音乐的首页布局
04-29
QQ音乐是广受欢迎的在线音乐服务，而"qqMusic:一个仿QQ音乐的首页布局"是一个项目，旨在模仿QQ音乐官网的首页设计，但仅限于静态布局，不涉及实际的数据交互。这个项目的主要目标是展示如何使用HTML、CSS以及...
QQMusic源代码
08-04
1. 用户界面（UI）：QQMusic的界面设计遵循Android Material Design指南，可能使用了Android的布局组件如LinearLayout、RelativeLayout、RecyclerView等，以及自定义视图来实现独特的交互效果。源码会展示如何使用...
第十四周课程学习
qq_51082388的博客
06-06 6045
今天实现效果 乱七八糟的代码，重新建的文件夹，然后写了改，改了写， <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>百度一下,你就知道</title> <style type="text/css"> .submit{ background-color:#3385ff; height:38px; font-siz
2021-11-13
qq_51082388的博客
11-13 812
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>入口函数</title> <script src="./jquery-3.4.1.min.js"> </script> <script > //第一这个写法 $(document).ready(function() { alert("你好").
imitations records第一天
qq_51082388的博客
12-08 739
OPACITY,高亮 .header .register li:hover{ opacity: 1; } .header .register li:hover{ opacity: 1; } ：这里不要有空格 .content_in .content_left { float: left; width: 800px; height: 100%; background: pink; } .之前需要有空格 css:no-repeat不需要平铺 find(expr|obj|ele) 概述 搜索所有与
网页开发记录
qq_51082388的博客
01-24 524
我想要他居中并且是楷体 在这里插入代码片 <h1 align="center"><font color="deeppink" face="楷体"size="7">创建浮动框架</font></h1> 换行： </br> 下划线： 加粗，下划线，斜体字也是常用的文字效果，它们分别用<b>,<u>,<i>表示： <b>Bold</b> <i>italic</i>
2021-11-16
qq_51082388的博客
11-16 372
jQuery对象是伪数组 静态方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>入口函数</title> <script src="./jquery-3.4.1.min.js"> </script> <script > //第一这个写法 $(document).ready(function()
前端学习第一次作业——by 小贾
qq_51082388的博客
05-08 332
今天做出来的效果耶耶耶，希望一直能有这种心境以及时间来这样学习。即使是菜，那又怎么样，做出来的菜好吃就行了呗 ，绿色健康，绿色营养，好符合bgcolor <!DOCTYPE html> <html> <head> <!--1给网页加一个标题。--> <meta charset="utf-8"> <title>《敲代码比算三重积分好玩》</title> </head> <body bg
linux安装qq音乐
09-12
例如，如果下载的安装包名称为qqmusic_1.0.6_amd64.deb，那么你可以输入sudo dpkg -i qqmusic_1.0.6_amd64.deb来安装。 5. 等待安装过程完成。 6. 安装完成后，在应用程序菜单中找到QQ音乐并打开它。 7. 现在你可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是数学系的小孩儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值