亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Handy and Useful jQuery Snippets for Develop

系統 2193 0

jQuery ?is a cross browser? JavaScript library ?that helps? developers ?and designers built and design powerful and? responsive ?web ?programs and? applications. ?It have actually made the coders? write less and do more with it.? jQuery ?is helpful in designing? page layout, ?adding application features and it?also provides capabilities for developers to create?plug-ins?on top of the? JavaScript library.

Handy and Useful jQuery Snippets for Developers

1. Preloading Images

      (function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }

jQuery.preLoadImages("image1.gif", "/path/to/image2.png");
    

Source

2. Hover on/off

      $("a").hover(
  function () {
    // code on hover over
  },
  function () {
    // code on away from hover
  }
);
    

Source

3. Smooth Scrolling to an anchor

      $(document).ready(function() {
	$("a.topLink").click(function() {
		$("html, body").animate({
			scrollTop: $($(this).attr("href")).offset().top + "px"
		}, {
			duration: 500,
			easing: "swing"
		});
		return false;
	});
});
    

Source

4. Fade in/out on hover

      $(document).ready(function(){
    $(".thumbs img").fadeTo("slow", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads

    $(".thumbs img").hover(function(){
        $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
    },function(){
        $(this).fadeTo("slow", 0.6); // This should set the opacity back to 60% on mouseout
    });
});
    

Source

5. ?Preventing anchor tags from loading

      $("a").on("click", function(e){
  e.preventDefault();
});
    

Source

6. Scroll to Top

      $("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});
    

Source

7.? Facebook ?like Image Gallery

      var nextimage = "/images/some-image.jpg";
$(document).ready(function(){
window.setTimeout(function(){
var img = $("
    

      ").attr("src", nextimage).load(function(){
//all done
});
}, 100);
});
    

Source

8. Auto Populating Select Boxes Using jQuery and Ajax

      $(function(){
$("select#ctlJob").change(function(){
$.getJSON("/select.php",{id: $(this).val(), ajax: 'true'}, function(j){
var options = '';
for (var i = 0; i < j.length; i++) {
options += '
' + j[i].optionDisplay + '

';
}
$("select#ctlPerson").html(options);
})
})
})
    

Source?

9. Auto Replace Broken Images

      // Safe Snippet
$("img").error(function () {
	$(this).unbind("error").attr("src", "missing_image.gif");
});

// Persistent Snipper
$("img").error(function () {
	$(this).attr("src", "missing_image.gif");
});
    

Source

10. Clear Form Data

      function clearForm(form) {
  // iterate over all of the inputs for the form
  // element that was passed in
  $(':input', form).each(function() {
    var type = this.type;
    var tag = this.tagName.toLowerCase(); // normalize case
    // it's ok to reset the value attr of text inputs,
    // password inputs, and textareas
    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = "";
    // checkboxes and radios need to have their checked state cleared
    // but should *not* have their 'value' changed
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    // select elements need to have their 'selectedIndex' property set to -1
    // (this works for both single and multiple select elements)
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};
    

Source

Handy and Useful jQuery Snippets for Developers


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 日韩不卡视频在线观看 | 色综合色综合色综合网址 | 欧美操片在线观看 | 亚洲精品香蕉一区二区在线观看 | 色综合久久中文 | 免费看色片 | 国产在线看片护士免费视频 | 久久 在线 | 亚洲一欧洲中文字幕在线 | 日日操夜夜操免费视频 | 天天爱天天射 | 亚洲一区天堂 | 日韩毛片基地一区二区三区 | 日韩一区三区 | 亚洲精品视频二区 | 大胆国模一区二区三区伊人 | 狠狠色丁香久久婷婷 | 中文字幕精品久久 | 综合网色| 精品九九视频 | 999精品免费视频 | 特级毛片 | 欧美成人26uuu欧美毛片 | 好吊顶色 | 免费在线成人网 | 四虎国产精品永久在线看 | 中文字幕一区二区日产乱码 | 人人射人人干 | 国产精品亚洲午夜不卡 | 日韩欧美在线观看视频一区二区 | 国产成人综合亚洲 | 亚洲人成绝费网站色ww | 成人欧美一区二区三区黑人妖 | 26uuu在线| 精品国产第一国产综合精品 | 久草午夜 | 亚洲精品一区亚洲精品 | 精品久久久久国产免费 | 欧美中文在线观看 | 日韩欧美亚洲每日更新网 | 一级肉体毛片视频免费看看 |