求一个jquery在vs2008里面运行成功的例子
本人想在vs2008里面实现jquery弹出登录窗体的功能,但是整了几天都没弄好。希望哪位好心的同志,能给一个这种例子。最好要源码的那种!先谢过了...
本人想在vs2008里面实现jquery弹出登录窗体的功能,但是整了几天都没弄好。希望哪位好心的同志,能给一个这种例子。最好要源码的那种!先谢过了
展开
2个回答
展开全部
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#showlogin").click(function(){
$(this).hide();
$("#ash").show();
$("#login").show();
});
$("#ok").click(function(){
if($("#username").val()==""||$("#password").val()=="")
{
alert("用户名或密码不能为空。");
}
else if( $("#username").val()=="nihao"&& $("#password").val()=="123")
{
$("#ash").hide();
$("#login").hide();
$("#showlogin").show();
}
else
{
alert("用户名或密码错误");
}
});
$("#close").click(function(){
$("#ash").hide();
$("#login").hide();
$("#showlogin").show();
});
window.onscroll=function(){
document.getElementById("login").style.top = 40 + parseInt($(document).scrollTop()) + "px";//垂直浮动
}
});
</script>
<style>
.ashclass
{
position:absolute;
display: none; /*是否隐藏*/
filter: alpha(opacity=60); /*透明度为60*/
opacity: 0.6;
background-color: #cccccc; /*颜色为黑色*/
width:100%;
height:1000px;
z-index:1;
}
#login
{
background-color:Gray;
left:200px;
position:absolute;
display: none; /*是否隐藏*/
width:300px;
height: 200px;
z-index:2;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<span id="showlogin">点我弹出登录</span>
<div id="login"><center>
<span>用户登录</span>
<br />
<br />
<span>用户名:</span>
<input id="username" type="text" size="30" /><br /><br />
<span>密 码:</span>
<input id="password" type="text" size="30" />
<br /><br />
<span id="ok" style="cursor:hand;">确定</span> <span id="close"style="cursor:hand;">取消</span>
</center>
</div>
<div id="ash" class="ashclass">
</div>
</form>
</body>
</html>
不懂的可以问我。要下班了!样式就不再弄美了!
<script language="javascript" src="jquery-1.4.2.min.js" type="text/javascript"></script>
记住要包含JS库
刚写的。也不知道你要的是这种不。 随便创一个项目把Default.aspx内容改成我的代码就可以了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#showlogin").click(function(){
$(this).hide();
$("#ash").show();
$("#login").show();
});
$("#ok").click(function(){
if($("#username").val()==""||$("#password").val()=="")
{
alert("用户名或密码不能为空。");
}
else if( $("#username").val()=="nihao"&& $("#password").val()=="123")
{
$("#ash").hide();
$("#login").hide();
$("#showlogin").show();
}
else
{
alert("用户名或密码错误");
}
});
$("#close").click(function(){
$("#ash").hide();
$("#login").hide();
$("#showlogin").show();
});
window.onscroll=function(){
document.getElementById("login").style.top = 40 + parseInt($(document).scrollTop()) + "px";//垂直浮动
}
});
</script>
<style>
.ashclass
{
position:absolute;
display: none; /*是否隐藏*/
filter: alpha(opacity=60); /*透明度为60*/
opacity: 0.6;
background-color: #cccccc; /*颜色为黑色*/
width:100%;
height:1000px;
z-index:1;
}
#login
{
background-color:Gray;
left:200px;
position:absolute;
display: none; /*是否隐藏*/
width:300px;
height: 200px;
z-index:2;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<span id="showlogin">点我弹出登录</span>
<div id="login"><center>
<span>用户登录</span>
<br />
<br />
<span>用户名:</span>
<input id="username" type="text" size="30" /><br /><br />
<span>密 码:</span>
<input id="password" type="text" size="30" />
<br /><br />
<span id="ok" style="cursor:hand;">确定</span> <span id="close"style="cursor:hand;">取消</span>
</center>
</div>
<div id="ash" class="ashclass">
</div>
</form>
</body>
</html>
不懂的可以问我。要下班了!样式就不再弄美了!
<script language="javascript" src="jquery-1.4.2.min.js" type="text/javascript"></script>
记住要包含JS库
刚写的。也不知道你要的是这种不。 随便创一个项目把Default.aspx内容改成我的代码就可以了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询