jquery自写插件slideLeft，slideRight

最新推荐文章于 2023-07-29 18:00:27 发布

love398146779

最新推荐文章于 2023-07-29 18:00:27 发布

阅读量397

点赞数

分类专栏：前端文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/love398146779/article/details/84544372

版权

前端专栏收录该内容

61 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript" src="jquery.1.2.6.js"></script>
<script type="text/javascript">
	jQuery.fn.slideLeftHide = function( speed, callback ) {
		this.animate({
			width : "hide",
			paddingLeft : "hide",
			paddingRight : "hide",
			marginLeft : "hide",
			marginRight : "hide"
		}, speed, callback );
	};
	jQuery.fn.slideLeftShow = function( speed, callback ) {
		this.animate({
			width : "show",
			paddingLeft : "show",
			paddingRight : "show",
			marginLeft : "show",
			marginRight : "show"
		}, speed, callback );
	};
</script>
<script type="text/javascript">
	$(function() {
		$(".title_bar").slideLeftHide(4000);
		$(".title_bar").slideLeftShow(4000);
	});
</script>


</head>
<body>

	<div class="title_bar">
	<img src="recruitment.png" border="0"
			 />		
	</div>
</body>
</html>