数码资讯
jQuery别致的导航有一个阴影背景高模式窗口。
设计素描 uff1a HTML链接: 复制代码代码如下所示: 登记 Css: 复制代码代码如下所示: img { border: 0px;} # registerwindow {宽度:600px;身高:400px;顶部:50px;右:100px;背景:# FFF;显示:无;边界:5px # 999固
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
设计素描 uff1a
HTML链接:
复制代码代码如下所示:
登记
Css:
复制代码代码如下所示:
img { border: 0px;}
# registerwindow {宽度:600px;身高:400px;顶部:50px;右:100px;背景:# FFF;显示:无;边界:5px # 999固体;位置:绝对;Z指数:999;}。
# modelshade {宽度:100%;高度:100%;背景:# 000;显示:无;位置:绝对;顶部:0px;Z指数:0;}
1:创建和调用模式窗口
复制代码代码如下所示:
登记
用户名 uff1a
uff1a密码
1。创建一个jQuery语句并选择带有一类模式的草图标记。
复制代码代码如下所示:
$('document)。Ready(function(){)
$('a.model)。Click(function(){)
2。使用下面的函数将当前项目中的变量作为关系属性的值存储
复制代码代码如下所示:
VaR modelid =美元(这)Attr('rel);
三.设置模式窗口的效果,并添加关闭窗口的图片链接。
复制代码代码如下所示:
$(# + modelid)。FadeIn(2000),Prepend(' ');
$('。close_button)。Css({ 'margin-left:'535px ','margin-top:'0px});
二:创建阴影背景
复制代码代码如下所示:
$(# modelshade)。Css('opacity ','0.8)。FadeIn(2000);
三:关闭模式窗口
复制代码代码如下所示:
$(a.close,# modelshade)。Click(function()){
thismodelid = $(var 'a.close)。父()Attr('id');
$(# modelshade,# + thismodelid)。FadeOut(function()){
$(a.close,# modelshade)删除();
});
返回false;
});
关闭单击功能失败的连接,该连接将保持连接,并试图将另一个页面加载到浏览器中。
复制代码代码如下所示:
返回false;
});
;
HTML链接:
复制代码代码如下所示:
登记
Css:
复制代码代码如下所示:
img { border: 0px;}
# registerwindow {宽度:600px;身高:400px;顶部:50px;右:100px;背景:# FFF;显示:无;边界:5px # 999固体;位置:绝对;Z指数:999;}。
# modelshade {宽度:100%;高度:100%;背景:# 000;显示:无;位置:绝对;顶部:0px;Z指数:0;}
1:创建和调用模式窗口
复制代码代码如下所示:
登记
用户名 uff1a
uff1a密码
1。创建一个jQuery语句并选择带有一类模式的草图标记。
复制代码代码如下所示:
$('document)。Ready(function(){)
$('a.model)。Click(function(){)
2。使用下面的函数将当前项目中的变量作为关系属性的值存储
复制代码代码如下所示:
VaR modelid =美元(这)Attr('rel);
三.设置模式窗口的效果,并添加关闭窗口的图片链接。
复制代码代码如下所示:
$(# + modelid)。FadeIn(2000),Prepend(' ');
$('。close_button)。Css({ 'margin-left:'535px ','margin-top:'0px});
二:创建阴影背景
复制代码代码如下所示:
$(# modelshade)。Css('opacity ','0.8)。FadeIn(2000);
三:关闭模式窗口
复制代码代码如下所示:
$(a.close,# modelshade)。Click(function()){
thismodelid = $(var 'a.close)。父()Attr('id');
$(# modelshade,# + thismodelid)。FadeOut(function()){
$(a.close,# modelshade)删除();
});
返回false;
});
关闭单击功能失败的连接,该连接将保持连接,并试图将另一个页面加载到浏览器中。
复制代码代码如下所示:
返回false;
});
;
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。