js模拟键盘或遥控器操作(加强版)

最新推荐文章于 2025-01-09 09:30:18 发布

伄跳墻

最新推荐文章于 2025-01-09 09:30:18 发布

阅读量4.6k

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/caidimin/article/details/50548759

版权

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>OTT-WEB-HD-CATEGORY</title>
<style >
	body{background:url(images/category_bg.png) no-repeat;width:1280px;float:left;}
	.category-main-left{width:263px;margin-left:-10px;float:left;}
	.category-main-left-header{width:298px;margin-left:65px;}
	.category-main-left-header-span{font-size:44px;color:rgb(169, 152, 189);font-weight:800;}
	.category-main-left-div .category-main-left-div-sub{padding-top:15px;padding-bottom:15px;width:168px;margin-left:65px;}
	.category-main-left-div .category-main-left-div-span{font-size:24px;color:rgb(127, 114, 142);font-weight:600;color:rgb(165, 141, 141);}
	.category-active .category-main-left-div-span{color:white;}
	.category-active{background-color:rgb(253, 149, 91);}
	.category-selected .category-main-left-div-span{color:rgb(255, 188, 70);}
	
	.content-img-size{width:160px;height:240px;}
	.category-main-right-header{width:1018px;text-align:center;padding-top:30px;}
	.category-main-right-header-span{float:right;color:rgb(165, 141, 141);font-size:25px;padding-right:55px;margin-top:-15px;}
	.content-team{float:left;}
	.category-main-right-content{width:1018px;padding-top:2px;}
	.category-main-right-content-div-first{margin:0px 20px 20px 20px;float:left;}
	.category-main-right-content-div-img{padding:5px 5px 2px 5px;margin:12px;position: relative;}
	.content-active .category-main-right-content-div-img{background-color:rgb(253, 149, 91);}
	.category-main-right-content-div-img-free{position:absolute;top:30px; }
	.content-team .content-team-title{font-size:20px;color:rgb(171, 159, 175);}
	.content-active .content-team-title{color:rgb(255,255,255);}
	.category-main-right-content-div-span{text-align:center;}
	.category-main-right-footer{width:1018px;text-align:center;padding-top:50px;margin-left:-7px;}
</style>

</head>
<body  >
<div  class="categroy-main" >
	<div class="category-main-left"   >
		<div style="margin-top:30px;"  >
			<div class="category-main-left-header"  >
				<span  class="category-main-left-header-span"   >纪实</span>
			</div>
			<div style="margin-top:20px;">
			</div>
			<div class="category-main-left-div category-active category-selected"  id="category-menu-1" >
					<div class="category-main-left-div-sub" >
						<span class="category-main-left-div-span"   >新片推荐</span>
					</div>
			</div>
			<div class="category-main-left-div"  id="category-menu-2" >
					<div class="category-main-left-div-sub" >
						<span class="category-main-left-div-span"  >全部推荐</span>
					</div>
			</div>
			<div class="category-main-left-div" id="category-menu-3" >
					<div class="category-main-left-div-sub" >
						<span  class="category-main-left-div-span"  >自然探秘</span>
					</div>
			</div>
			<div class="category-main-left-div" id="category-menu-4" >
					<div class="category-main-left-div-sub" >
						<span  class="category-main-left-div-span"  >历史人文</span>
					</div&g

最低0.47元/天解锁文章