JQuery_窗口弹出效果
来源:互联网 发布:网络ag赌博害死多少人 编辑:程序博客网 时间:2024/05/17 03:40
HTML
<a href="#" onclick="showwin()">显示窗口</a>
<div id="win">
<div id="title">标题栏<span id="close" onclick="hide()"></span></div>
我是个窗口</div>
JS
function showwin(){
//找到div节点
var winNode = ${"#win"}
//方法1 修改CSS的display属性
winNode.css("display","block");
//方法2.jquery的show的方法
winNode.show("slow");
//方法3.jquery的fadeIn的方法
winNode.fadeIn("slow");
}
function hide(){
var winNode =${"#win"}
winNode.css("display","none");
winNode.hide("slow");
winNode.fadeOut("slow");
}
CSS
#win{
/*边框*/
border:1px red solid;
width:300px;
height:200px;
/*位置*/
position:absolute;
top:100px;
left:350px;
/*显示*/
display:none;
}
#title{
background-color:blue;
color:yellow;
padding-left:3px;
}
#content{
padding-left:3px;
padding-top:5px;
}
#close{
margin-left:158px;
/*出现手状鼠标*/
cursor:pointer;
}
- JQuery_窗口弹出效果
- JQuery 弹出窗口效果
- 弹出窗口登录效果
- JQuery_弹出菜单
- Lightbox效果弹出窗口代码
- 右下角弹出窗口效果代码
- JS弹出窗口+屏蔽效果
- jquery实现弹出窗口效果
- jquery效果 窗口弹出案例
- jQuery弹出窗口的效果
- 弹出窗口的闪烁效果
- Jquery实现弹出窗口效果
- js实现右下角窗口弹出窗口效果
- 仿网易“邮箱克隆”弹出窗口效果
- JavaScript弹出窗口DIV层效果代码
- js弹出窗口和遮罩效果
- Jquery制作窗口弹出效果(转)
- C# winform 右下角弹出窗口效果
- iTunes不能读取iphone的内容请前往iphone的“偏好设置”
- 求最短过桥时间问题
- JQuery_可编辑表格
- 给datagridview增加编辑,删除列
- JQuery_弹出菜单
- JQuery_窗口弹出效果
- 跨域问题
- 恼人的gnome
- 处理乱码问题
- PC 和ARM9和虚拟机linux的互ping通,以及socket编程实现
- AJAX的缓存问题
- JQuery_XML
- EBMIDE——服务脚本IOS
- AJAX_XML