AJAX学习总结(五)---窗口的淡入淡出和css学习
?
步骤1.新建项目JqueryTrain
?
步骤2.在WebRoot下新建jslib文件夹,并将jquery类库导入进来
?
步骤3.新建html文件---JqueryWindow.html
?
?
?
?
?
步骤4.在jslib下新建js文件---jquerywin.js
?
/*id选择器*/#win{/*希望窗口有边框*/border: 1px solid red;/*希望窗口宽度和高度固定,不要太大*/width: 300px;height: 200px;/*希望控制窗口的位置*/position: absolute; /*绝对定位*/top: 100px;left: 350px;/*希望窗口开始时不可见*/display: none;}/*控制标题栏的样式*/#title{/*控制标题栏的背景色*/background-color: blue;/*控制标题栏中文字的颜色*/color: yellow;/*控制标题栏的左内边距*/padding-left: 3px;padding-top: 2px;height: 25px; }/*控制内容栏的样式*/#content{padding-top: 10px;padding-left: 10px; }/*控制隐藏按钮的样式*/#close{/*使关闭按钮向右侧移动*/margin-left: 158px;/*让鼠标进入时可以显示小手,告知用户可以点击操作*/cursor: pointer;}?
?
?
?
然后测试运行http://localhost:8080/JqueryTrain/JqueryWindow.html看到效果即可!!!