用jquery写的弹出窗口
我们都见到过当进入到某个页面时,大概四五秒钟的时候会有一个窗口渐渐显示出来,有的是几秒钟之后再慢慢的消失,也有的需要你点击关闭。今天我们就联系写一个这样的弹出窗口,在我们jquery代码之前我们需要先引入jquery.js文件,因为只是实现功能的前提条件。我这里就大致说一下这个效果的思路。首先要有一个弹出窗口,这个窗口中包含窗口标题、一个关闭的按钮和弹出窗口的内容部分。实现这样弹出窗口的html代码如下:<div id=”container”> <span>×</span> <h2>标题</h2> <div id=”content”>弹出框的内</div></div>,其次就是写css代码来建构自己想要的窗口样式。第三步就是用jquery代码来实现效果(这里面主要是用到了jquery的fadeIn和fadeOut属性)。具体的效果请参考demo。