以下是我的html代码请基于我的代码并保留css样式将js修改为vuejs的样式、、、、html!DOCTYPE htmlhtml head meta charset=utf-8 title首页title link rel=stylesheet type=textcss href=cssresetcss link rel=stylesheet type=textcss href=css
<!-- logo -->
<div class="site-logo">
<a href="#">
<img src="img/index/tiger.png" />
</a>
</div>
<!-- 首页导航 -->
<div class="site-list">
<ul class="clearfix">
<li>
<a href="index1.html"><font color="coral"><b>首页</b></font></a>
</li>
<li>
<a href="dianying2.html">电影</a>
</li>
<li>
<a href="dianshij2.html">电视剧</a>
</li>
<li>
<a href="#">动漫</a>
</li>
<!-- tab下拉菜单 -->
<li class="qita">
<a href="#">其他</a>
<ul class="dis">
<li><a href="dianying2.html">电影</a></li>
<li><a href="#">综艺</a></li>
<li><a href="#">体育</a></li>
<li><a href="#">纪录片</a></li>
</ul>
</li>
</ul>
</div>
<!-- 登入/注册 -->
<div class="login">
<a href="dengru.html">
<img src="img/index/yonghu3.png"/>
</a>
</div>
<!-- 搜索框 -->
<div class="site-search">
<form action="">
<input class="search-text" type="text" placeholder="请输入关键字"/>
<input class="submit" type="submit" value="搜索"/>
</form>
</div>
</div>
</div>
<div class="site-content">
<div class="container">
<!----- 轮播图 ----->
<div class="box">
<ul id="imglist">
<li><img src="img/index/1.png" alt=""></li>
<li><img src="img/index/0.jpg" alt=""></li>
<li><img src="img/index/3.jpg" alt=""></li>
<li><img src="img/index/4.jpg" alt=""></li>
<li><img src="img/index/2.jpg" alt=""></li>
</ul>
<!-- 轮播点点 -->
<ul id="btnlist">
<li class="btn active"></li>
<li class="btn"></li>
<li class="btn"></li>
<li class="btn"></li>
<li class="btn"></li>
</ul>
</di
原文地址: https://www.cveoy.top/t/topic/hFak 著作权归作者所有。请勿转载和采集!
- 上一篇: 麦克劳林级数是啥
- 下一篇: 台灣做蝦皮拍賣應該怎麼繳稅