+ -
当前位置:首页 → 问答吧 → jquery如何实现浮动窗口

jquery如何实现浮动窗口

时间:2009-07-20

来源:互联网

想实现个功能,点击页面上的按钮,弹出浮动窗口。这个浮动窗口里是一个表单,不知如何实现,请各位大侠帮忙!!谢谢!!

作者: myeclipse10   发布时间: 2009-07-20

去jQuery UI看dialog

作者: keakon   发布时间: 2009-07-20

一个隐藏的绝对定位层,通过按钮控制显示或隐藏

作者: sd1132632   发布时间: 2009-07-20

思路:下面是一个可拖动的DIV

CSS 样式:display:none; //隐藏作用
需要导入ui.core.js,ui.draggable.js,jquery.js 文件     使用Jquery UI draggable()方法,
例如:

JS代码-----------------------------------------
<script language="javascript">
$(document).ready(function(){
    $("#test").fadeIn(3000);//页面载入后用3秒钟显示;
     $("#test").draggable();//拖动效果
});
</script>
HTML代码-----------------------------------------------
<div id="test" style="display:none;width: 200px; height: 200px;background-color:FF0000"><form>你的表单</form</div>

作者: samfisher116   发布时间: 2009-07-21

谢谢楼上的各位大侠了!!!!

作者: myeclipse10   发布时间: 2009-07-21

相关阅读 更多