`

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

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

相关推荐

    slideleft_menu

    主要是一个快捷导航 一开始是隐藏在右侧，页面只有个快捷按钮点击后菜单从右侧平滑飞入效果 然后点击遮罩和快捷导航的div快也能隐藏菜单的效果

    ember-fade-element:Ember附加组件，用于淡入元素内容的更改

    可用的类是flipVertical ， flipHorizontal ， rotateRight ， slideUp ， slideDown ， slideLeft ， slideRight和zoom 。 一次只使用一个，您将获得最佳结果。 要控制过渡的持续时间，请安排在元素上设置CSS ...

    BeScroll.js:移动端模拟滚动插件

    slideRight: function() { alert&#40;'右滑了哦'&#41;; }, slideLeft: function() { alert&#40;'左滑了哦'&#41;; }, click: function(target) { alert&#40;"div" + target[removed] + '：你点我干嘛？'&#...

    MoeNotification:自用前端通知组件

    还没写完呢……##用法##引入jQuery引入MoeNotification.js和MoeNotification.cssnya = new MoeNotification();nya.create.success(text,callback(optional));//创建正常提示框nya.create.warning(text,callback...

    flutter_page_transition:丰富，方便，易于使用的颤动页面过渡包

    flutter_page_transition 丰富，方便...过渡类型页面过渡类型方向slideInLeft :left_arrow: slideInLeft :right_arrow: slideInUp :up_arrow: slideInDown :down_arrow: slideLeft :left_arrow: 向右滑动 :right_arrow:

    supersized.min

    h._start=function(){if(h.options.start_slide){vars.current_slide=h.options.start_slide-1}else{vars.current_slide=Math.floor(Math.random()*h.options.slides.length)}var i=h.options.new_window?...

    dw2xls_4.0.1_pb903_8836

    - SlideLeft, SlideUp are not supported yet. - AutoSize Height (for columns) is not supported yet. - If a line or a rectangle is too close to another cell, then it may be displayed not properly in ...

    Android--UI-新手必备源码master.zip

    包括Android布局，弹窗，配色，单击事件，UI，精美炫酷的activity切换动画和空间动画，是新手必备的源码，内含相关的Dome 25件。 - - 文件夹 PATH 列表 卷序列号为 4E8D-6931 C:. │ .txt │ Android-UI-新手必备...

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