jQuery教程

jQuery列表开头

本文主要是介绍jQuery列表开头,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box{width:800px;
height: 800px;
border:1px solid pink;
}
.left{
border:
}
</style>
</head>
<body>
<div class="box">
<ul class="left">
<li><a href="#">长裙</li>
<li><a href="#">童装</li>
<li><a href="#">短袖</li>
<li><a href="#">卫衣</li>
<li><a href="#">正装</li>
<li><a href="#">睡衣</li>
<li><a href="#">棉袄</li>
<li><a href="#">高跟鞋</li>
</ul>
<ul class="right">
<li><img src="长裙.jpg"></li>
<li><img src="童装.jpg"></li>
<li><img src="短袖.jpg"></li>
<li><img src="卫衣.jpg"></li>
<li><img src="正装.jpg"></li>
<li><img src="睡衣.jpg"></li>
<li><img src="棉袄.jpg"></li>
<li><img src="高跟鞋.jpg"></li>
</ul>
</div>
</body>
</html>

这篇关于jQuery列表开头的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!