| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

一些常用功能的jQuery实现:jQuery-Recipes-Your-Mom-Should-Know

jQuery-Recipes-Your-Mom-Should-Know用jQuery实现了一些常用的功能。包括:

  • 回到顶部按钮

    // Back to top  $('a.top').click(function () {    $(document.body).animate({scrollTop: 0}, 800);    return false;  });    <!-- Create an anchor tag -->  <a class="top" href="#">Back to top</a>

  • 预载入图像

    $.preloadImages = function () {    for (var i = 0; i < arguments.length; i++) {      $('<img>').attr('src', arguments[i]);    }  };    $.preloadImages('img/hover1.png', 'img/hover2.png');

  • 图像加载后检查

    $('img').load(function () {    console.log('image load successful');  });

  • 自动修复加载出错的图片

    $('img').on('error', function () {    $(this).prop('src', 'img/broken.png');  });

  • 悬停切换类

  • 禁用输入字段

  • 停止链接的加载

  • 简单的手风琴

    // Close all panels  $('#accordion').find('.content').hide();  // Accordion  $('#accordion').find('.accordion-header').click(function () {    var next = $(this).next();    next.slideToggle('fast');    $('.content').not(next).slideUp('fast');    return false;  });

  • 两个同样高度的 Div

项目主页:http://www.open-open.com/lib/view/home/1434416896208

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1434416896208.html
其他jQuery插件 jQuery插件 jQuery-Recipes-Your-Mom-Should-Know