TypeScript addHoverEffect.addHoverEffect函數代碼示例

本文整理匯總了TypeScript中app/utils/addHoverEffect.addHoverEffect函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript addHoverEffect函數的具體用法？TypeScript addHoverEffect怎麽用？TypeScript addHoverEffect使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。

在下文中一共展示了addHoverEffect函數的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: makeShy

export function makeShy(domElement) {
  domElement.setAttribute('shy', '');
  domElement.style.opacity = '0.3';

  setTransition(domElement);

  addHoverEffect(domElement, {
    opacity: '1'
  });
}

開發者ID:gurdiga，項目名稱:xo，代碼行數:10，代碼來源:makeShy.ts

示例2: before

  before(function() {
    initialStyle = {
      'color': 'blue'
    };

    hoverStyle = {
      'color': 'red'
    };

    domElement = createDOMElement('div', initialStyle);

    addHoverEffect(domElement, hoverStyle);
  });

開發者ID:gurdiga，項目名稱:xo，代碼行數:13，代碼來源:addHoverEffectTest.ts

示例3: createOptionButton

  function createOptionButton(optionHandler, labelText) {
    var style = {
      'padding': '5px 10px',
      'border-width': '0px',
      'font-size': '13px',
      'width': '100%',
      'text-align': 'left'
    };

    _.extend(style, OptionList.INITIAL_OPTION_BUTTON_STYLE);

    var button = createDOMElement('button', style);

    button.textContent = labelText;

    button.addEventListener('click', function() {
      hideList();
      optionHandler();
    });

    addHoverEffect(button, OptionList.HOVER_OPTION_BUTTON_STYLE);

    return button;
  }

開發者ID:gurdiga，項目名稱:xo，代碼行數:24，代碼來源:OptionList.ts

示例4: addHoverEffect

 assert.throws(function() {
   addHoverEffect(domElement, 42);
 },

開發者ID:gurdiga，項目名稱:xo，代碼行數:3，代碼來源:addHoverEffectTest.ts

注：本文中的app/utils/addHoverEffect.addHoverEffect函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。