jquery写的slideLeft，slideRight

最新推荐文章于 2023-07-29 18:00:27 发布
最新推荐文章于 2023-07-29 18:00:27 发布
阅读量1.5w 收藏 3
点赞数
  1. <html>  
  2. <head>  
  3. <script type="text/javascript" src="jquery.1.2.6.js"></script>  
  4. <script type="text/javascript">  
  5.     jQuery.fn.slideLeftHide = function( speed, callback ) {  
  6.         this.animate({  
  7.             width : "hide",  
  8.             paddingLeft : "hide",  
  9.             paddingRight : "hide",  
  10.             marginLeft : "hide",  
  11.             marginRight : "hide"  
  12.         }, speed, callback );  
  13.     };  
  14.     jQuery.fn.slideLeftShow = function( speed, callback ) {  
  15.         this.animate({  
  16.             width : "show",  
  17.             paddingLeft : "show",  
  18.             paddingRight : "show",  
  19.             marginLeft : "show",  
  20.             marginRight : "show"  
  21.         }, speed, callback );  
  22.     };  
  23. </script>  
  24. <script type="text/javascript">  
  25.     $(function() {  
  26.         $(".title_bar").slideLeftHide(4000);  
  27.         $(".title_bar").slideLeftShow(4000);  
  28.     });  
  29. </script>  
  30.   
  31.   
  32. </head>  
  33. <body>  
  34.   
  35.     <div class="title_bar">  
  36.     <img src="recruitment.png" border="0"  
  37.              />        
  38.     </div>  
  39. </body>  
  40. </html>  
99guo
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
slideleft_menu
03-28
主要是一个快捷导航 一开始是隐藏在右侧，页面只有个快捷按钮点击后菜单从右侧平滑飞入效果 然后点击遮罩和快捷导航的div快也能隐藏菜单的效果
jQuery实现轮播图
10-16
$('.right_btn').click(slideRight); startSlide(); // 开始轮播 }); ``` 以上代码完成了轮播图的基本功能，包括自动切换、手动切换和按钮控制。根据实际需求，可以进一步优化和扩展，例如添加动画效果、添加...
jquery自写插件slideLeft，slideRight
love398146779的专栏
04-02 373
[code="java"] jQuery.fn.slideLeftHide = function( speed, callback ) { this.animate({ width : "hide", paddingLeft : "hide", paddingRight : "hide", marginLeft : "hide", ma...
jQuery自定义slide方向
weixin_30299709的博客
01-03 137
jQuery官方动画库只提供了slide的向下开，向上关，明显不够用嘛。 so,找了找向左向右的代码。 jQuery.fn.extend({ slideRightShow: function() { return this.each(function() { $(this).show('slide', {direction: 'right'}, 1000);...
jQuery实现slideRightShow()方法
weixin_34034261的博客
12-10 271
//jQueryx 实现slideLeft 和slideRight方法 $.fn.slideLeftHide = function(speed, callback) { this.animate({ width: "hide", paddingLeft: "hide", paddingRight: "hide", margin...
slideLeft DIV向左右滑动
a5868530的博客
05-21 706
animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。 只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。 注释：使用 "+=" 或 "-=" 来创建相对动画（relative animat...
jQuery Collapse1.1.0折叠插件简单使用
10-19
2. **动画效果**：提供了四种动画效果，包括 `slideRight`（右滑动隐藏）、`slideLeft`（左滑动显示）、`slideUp`（上滑动隐藏）和 `slideDown`（下滑动显示）。这些效果可以通过设置 `style` 参数来选择。例如，当...
jQuery左右图片自动滚动特效
04-07
autoScrollInterval = setInterval(slideRight, 5000); // 每5秒滚动一次 } $('.left-arrow').on('click', function() { clearInterval(autoScrollInterval); slideLeft(); }); $('.right-arrow').on('...
jQuery制作多种弹出层效果特效代码
03-20
animation: 'slideDown', // 动画效果，可选：'fade', 'slideDown', 'slideRight', 'slideLeft' }); }); ``` 除了基本的配置，Drop.js还允许我们添加自定义事件和回调函数，以实现更复杂的交互逻辑。例如，我们...
jquery按钮控制响应式图片滚动代码.rar
08-20
例如，`slideLeft()`和`slideRight()`函数可以实现图片向左或向右平滑滚动。此外，为了实现响应式，JavaScript可能还需要检测窗口的resize事件，以在屏幕尺寸改变时调整图片布局。 总的来说，这个项目展示了如何...
无涯教程-jQuery - Slide方法函数
最新发布
无涯教程
07-29 683
幻灯片效果可以与show/hide/toggle一起使用。这会将元素滑出视口。
【11】jQuery控制的不同方向的滑动(向左、向右滑动等)
程序猿的博客
09-12 4626
引入jquery.js，复制以下代码，即可运行。<style type="text/css"> .slide { position: relative; height: 200; lightyellow; } .slide .inner { position: absolute; left: 0; bottom: 0; hei
jQuery之位置坐标图形相关方法(offset\offset\position\scrollTop\scrollLeft\width\height\innerWidth\outerWidth)
JEFF_xieyuzhi的博客
04-08 227
文章目录offset取值、offset设值position offset取值、offset设值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...
jQuery左导航菜单二级菜单slide滑动渐隐显示-20130706
xjwolaile的博客
07-07 313
1、效果及功能说明 导航菜单制作一个二级菜单导航条，鼠标滑过导航条二级菜单slide滑动展示且带有渐隐效果展示比较柔和的二级菜单目录 2、实现原理 先通过遍历匹配到每一个元素，这个是为了让所有的导航栏都可以获得显出相对因下拉框的效果，定义一个伪类事件让鼠标触及到导航栏后触发相对因的下拉框在给下拉框一个类这个类定义好了下拉框的样式，下拉框的出现是同意一个动画的效果来实现，时间为0....
js实现首尾相连左右循环切换效果
weixin_43443341的博客
10-11 1268
js实现首尾相连左右循环切换效果
jquery实现左右点击滑动
夏呆毛的博客
09-09 3922
jquery实现左右点击滑动 前端养成记：最近做的老项目，涉及到的一个简单的小功能，但是我这样的前端菜鸟还是费了一些功夫的，所以这里记录一下，以免日后忘记。 一、首先看下效果吧 这个是效果图，这个地方只能显示2个产品，然后可以点击左右滑动，来控制渲染。 二、HTML代码 这是一个div容器，代码是放在它里边的。 <div class="border-gb-title" id="tjcp">推荐产品</div> <div class="grey-card ptb4
jQuery 效果 - 滑动 slideDown()与slideUp()与slideToggle()
热门推荐
习惯有你&的博客
01-10 1万+
jQuery 滑动方法可使元素上下滑动。     jQuery slideDown() 方法用于向下滑动元素。     $(selector).slideDown(speed,callback);     可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。     可选的 callback 参数是滑动完成后所执行的函数名称。
写一个图片轮播html
06-06
function slideRight() { resetSlides(); slides[currentSlide + 1].classList.add('active'); controls[currentSlide + 1].classList.add('active'); currentSlide++; } controls.forEach...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值