(一个可移动的弹出DIV示例代码齐全,纯JS.docVIP

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title一个可移动的弹出DIV示例代码(齐全,纯JS)/title style type=text/css !-- html,body{ height:100%; } * { padding:0; margin:0; } #boxcontent { list-style-position: outside; list-style-image: none; list-style-type: none; } #boxcontent li { font-size:12px; color:#333; line-height:150%; } #bigbox { float:left; width:84px; margin-right:2px; } #boxtitle { font-size:14px; font-weight:bold; color:#000066; padding-left:25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d0daec; margin-bottom: 10px; padding-bottom: 10px; } a.od { float:right; font-size:14px; color: #CC0000; text-decoration: none; } a.od:hover { color:#FF0000; } #box { background:#EDF1F8; border: 2px solid #849BCA; margin-top:2px; margin-left:2px; float:left; overflow:hidden; position:absolute; left:0px; top:0px; cursor:move; float:left;/*filter:alpha(opacity=50);*/ z-index: 10; } .contentup { padding:20px; } } -- /style /head body div id=bigbox a href=# onclick = show(box,event);return false; [打开层] /a /div div id=box style=display:none;filter:alpha(opacity=100);opacity:1; div class=contentup a href=# class=od onclick = closeed(box);return false; 关 闭 /a div id=boxtitle销售话术/div ul id=boxcontent lispan style=font-weight: bold; color:red;琳琳达人~热爱甜美搭配风分享/span/article/231.html /li lispan style=font-weight: bold; color:green;span style=font-weight: bold; color:green;最新的欧美风搭配哦/span/span/article/221.html/li lispan style=font-weight: bold; color:red;回头率猛升的7月小清新私房搭/span/article/230.html/li lispan style=font-weight: bold; color:green;搭配课堂之甜美学院风惹人爱/span/article/229.html/li li span style=font-weight: bold; color:red;菜菜剩夏吸睛清凉搭，超有范儿/span/article/228.html/li lispan style=font-weight: bold; color:green;span style=font-weight: bold; color:green;清新的微风轻轻的吹，露肩小洋装泄露你的美丽心/span/span/arti