signet

最新推荐文章于 2024-07-25 11:52:08 发布

1024aaa

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量619

点赞数

分类专栏： html 文章标签： random callback class html function

本文链接：https://blog.csdn.net/yangzlgg/article/details/7555725

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!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>

1024aaa

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
signet

Insert title here .signetDrop{ top: 200px; left: 100px; position: relative; } .signet{ height: 123px; width: 240px; position: relative; top: -150px; left: 150px; display: none
复制链接

扫一扫

专栏目录