<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 495,comments - 227,trackbacks - 0
    http://www.oschina.net/code/snippet_12_7271

    [代碼] 圖片預加載

    01(function($) {
    02  var cache = [];
    03  // Arguments are image paths relative to the current page.
    04  $.preLoadImages = function() {
    05    var args_len = arguments.length;
    06    for (var i = args_len; i--;) {
    07      var cacheImage = document.createElement('img');
    08      cacheImage.src = arguments[i];
    09      cache.push(cacheImage);
    10    }
    11  }
    12 
    13jQuery.preLoadImages("image1.gif", "/path/to/image2.png");

    [代碼] 在新窗口打開鏈接 (target=”blank”)

    1$('a[@rel$='external']').click(function(){
    2     this.target = "_blank";
    3});
    4 
    5/*
    6   Usage:
    7   <a rel="external">catswhocode.com</a>
    8*/

    [代碼] 當支持 JavaScript 時為 body 增加 class

    1/* 該代碼只有1行,但是最簡單的用來檢測瀏覽器是否支持 JavaScript 的方法,如果支持 JavaScript 就在 body 元素增加一個 hasJS 的 class */
    2$('body').addClass('hasJS');

    [代碼] 平滑滾動頁面到某個錨點

    01$(document).ready(function() {
    02    $("a.topLink").click(function() {
    03        $("html, body").animate({
    04            scrollTop: $($(this).attr("href")).offset().top + "px"
    05        }, {
    06            duration: 500,
    07            easing: "swing"
    08        });
    09        return false;
    10    });
    11});

    [代碼] 鼠標滑動時的漸入和漸出

    1$(document).ready(function(){
    2    $(".thumbs img").fadeTo("slow", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads
    3 
    4    $(".thumbs img").hover(function(){
    5        $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
    6    },function(){
    7        $(this).fadeTo("slow", 0.6); // This should set the opacity back to 60% on mouseout
    8    });
    9});

    [代碼] 制作等高的列

    1var max_height = 0;
    2$("div.col").each(function(){
    3    if ($(this).height() > max_height) { max_height = $(this).height(); }
    4});
    5$("div.col").height(max_height);

    [代碼] 在一些老的瀏覽器上啟用 HTML5 的支持

    01(function(){
    02    if(!/*@cc_on!@*/0)
    03        return;
    04    var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}
    05})()
    06 
    07//然后在head中引入該js
    08<!--[if lt IE 9]>
    09<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    10<![endif]-->

    [代碼] 測試瀏覽器是否支持某些 CSS3 屬性

    01var supports = (function() {
    02   var div = document.createElement('div'),
    03      vendors = 'Khtml Ms O Moz Webkit'.split(' '),
    04      len = vendors.length;
    05 
    06   return function(prop) {
    07      if ( prop in div.style ) return true;
    08 
    09      prop = prop.replace(/^[a-z]/, function(val) {
    10         return val.toUpperCase();
    11      });
    12 
    13      while(len--) {
    14         if ( vendors[len] + prop in div.style ) {
    15            // browser supports box-shadow. Do what you need.
    16            // Or use a bang (!) to test if the browser doesn't.
    17            return true;
    18         }
    19      }
    20      return false;
    21   };
    22})();
    23 
    24if ( supports('textShadow') ) {
    25   document.documentElement.className += ' textShadow';

    [代碼] 獲取 URL 中傳遞的參數

    1$.urlParam = function(name){
    2    var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
    3    if (!results) { return 0; }
    4    return results[1] || 0;
    5}

    [代碼] 禁用表單的回車鍵提交

    1$("#form").keypress(function(e) {
    2  if (e.which == 13) {
    3    return false;
    4  }
    5});
    posted on 2011-11-23 13:15 SIMONE 閱讀(387) 評論(0)  編輯  收藏 所屬分類: JavaScript
    主站蜘蛛池模板: 亚洲伊人久久成综合人影院| 67194成是人免费无码| 免费一级特黄特色大片在线| 亚洲啪AV永久无码精品放毛片| 毛片免费在线观看网站| 亚洲国产成人久久精品app| 国产精品入口麻豆免费观看| 亚洲女人18毛片水真多| 亚洲美女免费视频| 久久精品国产亚洲AV忘忧草18| 成人毛片免费观看视频在线| 老司机亚洲精品影院在线观看| 亚洲Av无码乱码在线播放| h在线看免费视频网站男男| 亚洲色欲久久久综合网| 香港a毛片免费观看| 亚洲欧洲国产成人精品| 四虎影视免费在线| 一区二区视频在线免费观看| 人人狠狠综合久久亚洲88| 四虎1515hh永久久免费| 亚洲日韩中文字幕一区| 精品亚洲视频在线观看| 污污网站免费观看| 欧洲 亚洲 国产图片综合| 亚洲高清无码在线观看| 久久免费线看线看| 国产精品亚洲片夜色在线| 四只虎免费永久观看| 免费污视频在线观看| 亚洲人成电影网站久久| 亚洲一级黄色视频| 最好看最新的中文字幕免费 | 13一14周岁毛片免费| 亚洲一本到无码av中文字幕| 亚洲国产精品一区二区三区久久| 久久伊人免费视频| 亚洲av永久中文无码精品综合 | 亚洲高清视频在线播放| 美女被免费视频网站a国产| 国内精品免费久久影院|