jquery animate动画实例，在线预览

最新推荐文章于 2022-11-14 11:02:51 发布

原创最新推荐文章于 2022-11-14 11:02:51 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #jquery #动画 #animate #ViewUI

JAVA 乔乐共享专栏收录该内容

144 篇文章

订阅专栏

点击商城或自助投胎按钮即可进入专属购物平台，享受独特的购物体验。页面通过JavaScript动态调整布局和字体大小，提升用户体验。

[size=xx-large][url]http://each.sinaapp.com/born/[/url][/size]

<div
			id="div_message"
			style="position: relative; top: 100px; left: -300px; font-size: 15px; color: green; font-weight: bold; text-align: center; z-index: 8; display: none;"
		>
			点击商城或者自助投胎可进入！
		</div>


<script
			src="http://code.jquery.com/jquery-1.7.1.min.js"
			type="text/javascript"
		>
</script>

<script type="text/javascript">
jQuery(function($) {
	init();

});

var init = function() {
	$("#div_message").show('slow').animate( {
		left : '+20px',
		'font-size' : '+25px'
	}, 1000);
};
</script>