Skip to content

Instantly share code, notes, and snippets.

@qichunren

qichunren/lock_screen.html

Created April 23, 2010 12:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save qichunren/376490 to your computer and use it in GitHub Desktop.
Save qichunren/376490 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
lock_screen.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>MODAL DEMO</title>
<script type="text/javascript" src="jquery-1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function show_windows(window_id){
height = $(document).height();
$("<div></div>").attr("id", "mask").css({position:'absolute',width:'100%',left:'0px',top:'0px',background:'#000',filter:'alpha(opacity=25)',opacity:'0.25','z-index':5000,display:'none'}).
height(height ).appendTo("body").animate({
opacity: 'toggle'
}, "fast");
}
$("#btn").click(
function(event){
this.value="clicked";
show_windows();
}
);
});
</script>
</head>
<body>
<div id="notice" >
收藏
</div>
<input id="btn" type="button" value="test" />
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment