html 怎么循环商品列表?

html-css025

html 怎么循环商品列表?,第1张

html 怎么循环商品列表?

<ulclass="goods_type_listclearfix">{%forskuinpage_skus%}<li><ahref={{url('goods:detail',kwargs={"sku_id":sku.id})}}><imgsrc="{{sku.default_image}}"></a><h4><ahref={{url('goods:detail',kwargs={"sku_id":sku.id})}}>{{sku.name}}</a></h4><divclass="operate"><spanclass="price">¥{{sku.price}}</span><spanclass="unit">台</span><ahref="#"class="add_goods"title="加入购物车"></a></div></li>{%endfor%}</ul>

你好,你提供了这么一串字符,这是网页上的代码。如果没有必要不要乱动的乱改呀!

简单写了一个,为了方便所以图片就没有加,后来你加上再居中就ok

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

function show(){

document.getElementById('show').style.display='block'

}

function hide(){

document.getElementById('show').style.display='none'

}

</script>

<style>

.show{

line-height:100px

text-align:center

width:100px

height:100px

background:#95C8ED

}

</style>

</head>

<body>

<div class="k">

    <a href="#" onMouseOver="show()" onMouseOut="hide()">商品</a>

    <div id="show" class="show"  style="display:none" >

    asdhkajdhj

</div>

</div>

</body>

</html>