Question

如何让div弹出窗口带有关闭按钮、拖曳功能和透明显示

Answer 1

str ='<div class="winTitle" onMouseDown="startMove(this,event)" onMouseUp="stopMove(this,event)"><span class="title_left">弹出式窗口</span><span class="title_right"><a href="javascript:closeWindow()" title="单击关闭此窗口">关闭</a></span><br style="clear:right"/></div>'; //标题栏 <a class="showWindow" href="javascript:showWindow()">点击这里</a>打开窗口<br /></body></html> 总结：1.关闭按钮功能：在div中加入一个按钮，点击按钮触发div不可见display="none"，即可实现关闭功能；2.拖曳功能：鼠标按下和抬起触发js事件，js中startMove实现拖曳功能，stopMove在鼠标抬起时关闭拖曳功能；3.背景色设置：通过div的style可设置背景颜色和透明度，如background-color:#b3d0ff;" ，filter = "alpha(opacity=50%)"；