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

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條評論
主站蜘蛛池模板: 国产99精品免费视频看6 | 乱子伦有声小说mp3 仑乱高清在线一级播放 | 日本高清一 | 精品四虎免费观看国产高清午夜 | 亚洲人jizz| 国内精品视频在线观看 | 人人模人人干 | 久久精品国产这里是免费 | 99伦理| 久久久久久久综合狠狠综合 | 奇米影视网 | 国产精品不卡在线 | 一级香蕉免费毛片 | 91福利一区二区在线观看 | 欧美福利视频在线观看 | 成人免费观看高清在线毛片 | 四虎影院永久免费 | 伊人久久中文 | 亚洲国产精品婷婷久久久久 | 免费观看国产精品视频 | 欧美图片一区 | 激情婷婷网 | 久久99热只有频精品6不卡 | 九九久久国产精品大片 | 免费观看男女羞羞的视频网站 | 欧美一级毛片特黄大 | 亚洲最大的成人网 | 狠狠鲁狠狠操 | 国产一级淫片a视频免费观看 | 人人乳乳香蕉大免费 | 国产一级在线观看www色 | 欧美e片成 人 在线播放乱妇 | 日韩色中色| 97se亚洲综合自在线尤物 | 开心激情五月婷婷 | 中文字字幕乱码视频 | 操天天 | 国产成人久久久精品一区二区三区 | 在线亚洲欧洲福利视频 | 欧美亚洲香蕉 | 中文字幕日韩哦哦哦 |