1、新建html文档。
3、书写hmtl代艨位雅剖码。<div class="centess"> <稆糨孝汶;div class="b"> <div class="con2"> <div class="left"> <div class="b5 b5b" id="bdbb"> <div class="c4"> <div class="m2"> <div class="m2lf"><a href="#"> <img src="images/01.jpg" onerror="this.src='/images/null.gif'"/></a></div> <div class="m2rg"><b class="st2"><strong><a href='#'>露清</a> | <a href="#">深层净化活力</a> </strong> ￥89.00</b> <dl> <dt class="st3"> 分类：<a href='#'>洁面摩丝</a> 评论：<a href="#"><span class="color3">6453</span></a> 条 <span class="color3">15</span>用过</dt> <dd class="dd2"> <input type="checkbox" id="a27285" value="深层净化活力洁面摩丝" onclick="dblist(27285,event)" /> 加入对比</dd> </dl> <p>唤醒肌肤，给你清新......<a href="#">>>查看详细</a></p> </div> </div> </div> </div> </div> </div> <div id="xsyc"></div> <div id="bbv"> <div id="dbimg" onclick="dbhidd()">(5)</div> <div id="dbnr"> <b><span>妆品对比</span><span class="span2" onclick="dbhidd()"><img src="images/closex.gif" align="absmiddle" /> 隐藏对比框</span></b> <div id="tishi">对不起，您还没有选择产品</div> <ul> </ul> <div class="pkbut"><span><a href="#" onclick="#">开始对比</a></span><span onclick="clears()">清 空</span></div> </div> </div> </div></div>
5、书写并添加js代码。<script src="js/yokautf_0.1.js"></script><script src="js/pk.js"></script>
7、查看效果。
