<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" ></script>
<script type="text/javascript">
$(function(){
$(".topSaleList li").each(function(){
var o=$(this).find("a").eq(0).clone(true);
$(this).find("a").eq(0).remove();
var htm=$(this).html()
this.innerHTML="<div>"+htm+"</div>";
o.prependTo($(this));
})
})
</script>
<style type="text/css">
*{ margin:0px; padding:0px;}
body{ font:12px/1.5 Arial,sans-serif;}
ul,li{ list-style:none;}
img{ border:none;}
a{ text-decoration:none; color:#000;}
.topSaleList {
background: white;
border: 1px solid #CCC;
padding: 5px;
width: 178px;
}
.topSaleList ul li {
display: block;
border-bottom: 1px dashed #CCC;
padding: 5px;
line-height: 18px;
overflow: hidden;
}
.topSaleList ul li img{ width:66px; height:89px; float:left; display:block; margin-right:5px;}
.topSaleList ul li span{color: #E80000;}
</style>
</head>
<body>
<div class="topSaleList">
<ul>
<li>
<a href="#"><img src="http://images.coco.com.cn/uploads/product/2011/06/f500bdf0-95a1-4f75-b9be-4bf8cb74c4a9.jpg" /> </a>
<a href="#"> COCO 120D竖条纹提花分段 真人 黑色性感显瘦 段 真人 黑色性感显瘦</a>
<br>
售价:
<span class="red_cu">¥268.0</span>
<br>
月销量:
<span class="red_cu">39</span>件
</li>
<li>
<a href="#"><img src="http://images.coco.com.cn/uploads/product/2011/06/eadb2eab-0104-42cc-aa60-691f24271b2d.jpg" /></a>
<a href="#">coco正品夏季女性感可爱蕾丝 </a>
<br>
售价:
<span class="red_cu">¥168.0</span>
<br>
月销量:
<span class="red_cu">27</span>件
</li>
<li>
<a href="#"><img src="http://images.coco.com.cn/uploads/product/2011/06/b4e77c7d-b3c9-4a2c-92f2-d089dc2c8a6b.jpg" /> </a>
<a href="#"> coco新品 华丽镶钻文胸聚拢 </a>
<br>
售价:
<span class="red_cu">¥159.0</span>
<br>
月销量:
<span class="red_cu">25</span>件
</li>
</ul>
</div>
</body>
</html>
分享到:
相关推荐
div弹出窗口.可打包成JS文件。可定制层的样式,自定义javascript类 ,可直接测试各种显示效果,
JS封装DIV圆角Css样式,源代码演示!
点击div部分区域选中整个元素
js动态创建div等元素实例.动态创建div,子元素,select下拉框,单选按钮。等待
利用jquery ui和append实现元素添加,拖动。自定义div大小!
JQ JS javascript layui UI组件 元素 div 拖动插件JQ JS javascript layui UI组件 元素 div 拖动插件
用DIV+CSS封装的一个下拉框控件,效果不错
网站中有多个单选按钮,想让其均匀分布,这样会比较好看一点,网上的方法,大都不实用,下面是经测试比较成功的方法,大家可以看看
可移动的DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV...
使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法: var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow(5,26,200,200,"red");
形考任务五 使用 <div> 元素以及CSS样式表对下面的内容进行的布局设计。
国外一些源码,关于HTML,中的DIV圆角封装. 国外一些源码,关于HTML,中的DIV圆角封装.
css-div的border属性使用&伪元素伪类
这个例子是,div弹出层并且固定位置,弹出层的弹出方式为滑动方式。
js实现拖动框选元素(div)
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
下载如有问题,可私信博主。下载前建议先查看博客内容,其地址为:https://blog.csdn.net/QQ98281642/article/details/118784518
NULL 博文链接:https://hurunhui.iteye.com/blog/1843338
可拖动div边框改变大小的方法,jquery拖拽改变div大小效果,。。。。。。。。。。。。。。。。。。。。。。。。。
CSS单元的位置和层次-div标签.txt