signet

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery/jquery-1.4.4.js"></script>
<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.20.custom.min.js"></script>

<style type="text/css">
	.signetDrop{
		top: 200px;
		left: 100px;
		position: relative;
	}
	.signet{
		height: 123px;
		width: 240px;
		position: relative;
		top: -150px;
		left: 150px;
		display: none;
	}
	.signet img{
		height: auto;
		width: 150px;
	}
	/* width:expression(document.body.clientWidth > 200?"200px":"auto" ) */
</style>

<script type="text/javascript">
	$(document).ready(function(){
		//$('.signet').fadeIn(1000);
		//$('.signet').show();
		//animate(params,[duration],[easing],[callback])
		var random = parseInt(10*Math.random());
		if(random > 4){
			$('.signet img').attr('src','../img/garbage-failure.png').css('width','130px');
		}
		$('.signet').animate({left:'110px',top:'0px', opacity: 'toggle' },'normal');
	}); 
</script>

</head>
<body>


<div class="signetDrop">
	<div class="signet"><img src="../img/audit-failure.png" /></div>
	<p>圖章 come here!</p>
</div>
</body>
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章