jQuery到GWT - 在整個頁面中增加和減小字體大小

我有一個腳本可以減少和增加HTML頁面中正文內容的字體大小。jQuery到GWT - 在整個頁面中增加和減小字體大小

我想做同樣的事情，但在GWT Java項目。

這裏jQuery代碼：

  $('#agrandir').click(function() { 
        $('body').stop().animate({fontSize: '+=1px'},300); 
      }); 
      $('#diminuer').click(function() { 
        $('body').stop().animate({fontSize: '-=1px'},300); 
      });

HTML代碼：

 <button id="diminuer">-</button>&nbsp;<button id="agrandir">+</button><br/>

你知道，如果有可能做同樣的事情在GWT？

謝謝。

來源

2012-08-22 superscral

是的，gwtquery

介紹

GwtQuery又名GQuery是寫在GWT一個jQuery般的API，它允許GWT在逐步增強場景中也許GWT部件使用太重了。它也可以用於查找並改進您的GWT小部件。

GwtQuery簡單易學的使用jQuery的，因爲它們共享相同的 API，方法，另外gquery增加了漂亮的功能，如類型安全的CSS，編譯時的優化等

目前，幾乎jQuery的API是應該支持所有CSS3選擇器。如果您發現任何不支持的內容或者尚未實現，請打開問題。

來源

2012-08-22 15:15:29 Stefan

事實上，你可以移植在GWT任何jQuery代碼使用GwtQuery

import static com.google.gwt.query.client.GQuery.$; 
import static com.google.gwt.query.client.GQuery.body; 
//... 

$("#agrandir").click(new Function() { 
     public void f(){ 
      $(body).stop().animate("{fontSize: '+=1px'}",300); 
     } 
}); 
$("#diminuer").click(new Function() { 
     public void f(){ 
      $(body).stop().animate("{fontSize: '-=1px'}",300); 
     } 
});

你剛纔確保9with IDS「agrandir」和「diminuer」）的元素被附加到DOM時你查詢他們

來源

2012-08-28 09:29:58 jdramaix

jQuery到GWT - 在整個頁面中增加和減小字體大小

回答

相關問題