`

jquery自写插件slideLeft，slideRight

 
阅读更多 
<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>
分享到：
| 微信公众平台
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery左右滑动

    在这个"左右滑动"插件中，可能包含了一个或多个方法，如`slideLeft()`和`slideRight()`，用于控制元素的滑动方向。 `index.html`是项目的主入口文件，它包含了HTML结构和必要的JavaScript引用。HTML部分可能包含一...

    Jquery实现无缝隙上下左右滚动，超简便代码

    2. **动画方法（Animation Methods）**：jQuery的核心动画方法包括`slideUp()`, `slideDown()`, `slideLeft()`, 和 `slideRight()`，它们分别用于元素的向上、向下、向左、向右滑动。此外，`fadeIn()`, `fadeOut()`,...

    jQuery Collapse1.1.0折叠插件简单使用

    2. **动画效果**：提供了四种动画效果，包括 `slideRight`（右滑动隐藏）、`slideLeft`（左滑动显示）、`slideUp`（上滑动隐藏）和 `slideDown`（下滑动显示）。这些效果可以通过设置 `style` 参数来选择。例如，当...

    jQuery发展历程时间轴代码

    3. `slideRight()`: 控制时间轴向右滑动，展示更晚的事件。 4. `renderEvent(eventData)`: 渲染单个事件到时间轴上，可能包括日期、描述和相关图片等信息。 5. `loadEvents(data)`: 从数据源（可能是JSON对象）加载...

    html精美轮播图，支持上下左右滚动.rar

    在轮播图中，jQuery的`slideUp`和`slideDown`方法可能被用来实现上下滚动效果，而`slideLeft`和`slideRight`则可能用于左右滚动。这些方法可以配合计时器实现自动播放，同时提供暂停、继续、上一张、下一张等控制...

    jQuery制作多种弹出层效果特效代码

    animation: 'slideDown', // 动画效果，可选：'fade', 'slideDown', 'slideRight', 'slideLeft' }); }); ``` 除了基本的配置，Drop.js还允许我们添加自定义事件和回调函数，以实现更复杂的交互逻辑。例如，我们...

    图片轮播效果

    4. **过渡效果**：`index3.html`、`index.html`、`index2.html`可能分别展示了不同的过渡效果，如淡入淡出（fadeIn/fadeOut）、左右滑动（slideLeft/slideRight）等。这些效果可以通过CSS3的`transition`属性配合...

Magicbox
Global site tag (gtag.js) - Google Analytics