jQuery制作的别致导航有阴影背景高亮模式窗口

效果图

超文本标记语言链接：复制代码代码如下： a href=' # ' rel=' register window ' class=' model '注册/a css:复制代码代码如下： img { border:0px } #寄存器窗口{ width :600 px高度：400 pxtop:50pxright:100px背景： # FFF；display : none border :5 px # 999固体；位置：绝对；z指数：999;} #模型阴影{宽度：100%；高度：100%;背景技术： # 000;display:none位置：绝对；top:0pxz指数：0;} 一：创建和调用模式窗口复制代码代码如下： div id='注册窗口' h1 align='中心'注册/h1br div style=' width :250 px；margin:0 auto '形式用户名：输入类型=' text ' name=' username ' size=' 20 ' br密码：输入类型=' password ' name=' password ' size=' 20 ' br输入类型='submit '名称='submit '值='注册/form /div /div 1 .创建一个jQuery语句，选择具有一类模式的描记标记复制代码代码如下：脚本$("文档")。ready(function(){！-注册模型开始- $('a.model ').单击(函数(){ 2 .使用下面的函数，将当前项目中的变量存储为能量损耗率属性的值复制代码代码如下： var modelID=$(这个)。attr(' rel ')；3.设置模式窗口的效果，并添加关闭窗口的图片链接复制代码代码如下： $(“#”MoDEL id).法丁(2000年)。prepend(' a href=' # ' class=' close ' img src=' http : images/close。png ' class=' close _ button ' title=' close window ' alt=' close '/a ')；$('.关闭按钮').css({ '左边距：'535px '，'上边距： ' 0px ' })；二：创建阴影背景复制代码代码如下：美元(' #modelshade ').css(“”不透明度',' 0.8 ')。法丁(2000年);三：关闭模式窗口复制代码代码如下： $('a.close，#modelshade ').单击(function(){ var thismodeid=$(' a . close ').父项()。attr(' id ')；$("#模型阴影，#此模型id ").fadeOut(function(){ $('a.close，#modelshade ').移除();});返回false })；关闭点击功能的失败连接，该方法将保持连接并尝试载入另一个页面到浏览器复制代码代码如下：返回假；});-注册模型结束脚本