jquery實現圖片拖拽排序

最近在研究Interface elements for jQuery(http://interface.eyecon.ro/),此外掛程式封裝了一些拖拽效果,並且使用非常簡單,能輕鬆實現拖拽排序、購物車、部落格首頁排版等UI,所以模仿和訊的圖片排序做了一個簡單範例:代碼:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"

mootools中bindWithEvent和bindAsEventListener的區別

bindAsEventListener 是mt中Function類的一個方法,作用是:建立閉包並自動傳入一個Event執行個體,通常用來做事件監聽器它的傳回值為:一個綁定了this以及預傳入參數event(或window.event,根據瀏覽器不同而不同)的函數閉包.注意,event只是普通的event執行個體,而不是mt中Event類的一個執行個體,所以它不具有Event類中的屬性,例如event.page.x等等。bindAsEvent 是

jQuery調用WCF服務傳遞JSON對象

下面這個樣本使用了WCF去建立一個服務連接埠從而能夠被ASP.Net頁面通過jQuery的AJAX方法訪問,我們將在用戶端使用Ajax技術來 與WCF服務進行通訊。這裡我們僅使用jQuery去串連Web Service,而不去使用ASP.Net AJAX庫,至於為什麼不使用AJAX庫中,那是因為我們在項目中已經使用了jQuery,而它已經能處理全部的AJAX請求和所有功能,並且,如果我們 一旦使用ASP.NET

使用Dojo Toolkit向Web應用程式添加國際化和本地化功能

簡介Dojo Toolkit 是一個強大的 JavaScript 庫,支援 Web 開發人員使用物件導向的視窗小組件,以極少的開發時間和精力建立富互連網應用程式 (Rich Internet Applications, RIA)。這個庫中包含 4 個程式包,分別為 Dojo(核心)、Dijit(使用者介面架構)、dojox(dojo 擴充)和 util。可按原樣使用該工具包提供的功能,也可擴充該工具包並建立自己的視窗小組件。工具包中提供的功能包括 DOM 操作、使用 Ajax

mootools位置切換類

1.var posSwitch = new Class({2.3. options :{4. api : 'http://6.cn/6cntest/p/h.html', //待定5. transition : {duration: 1000,transition: Fx.Transitions.Cubic.easeOut}6. },7.8. initialize:function(parentId,boxClass,options){9.10. this.setOptions(options);

使用Dojo和Grails快速實現資料的增刪改查(CRUD)

選擇 Grails 和 Dojo 的原因隨著 web 的廣泛應用,web application 的開發項 目越來越多,而大部分的 web 開發歸根結底都是對資料庫的增刪改查。對於一張資料庫表的 增刪改查,採用基於 MVC(模型 - 視圖 - 控制器)設計模式的開發往往需要 Domain class 、 Controller、4 個增刪改查的頁面、form 輸入資料的校正等。這樣就免不了大量類似功 能的複製粘貼修改。 如果你想從重複勞動中解放出來,Grails 是一個很好的選擇。 使用

圖片縮放的通用js,mootools寫的

<script type="text/javascript" src="http://xfiles.cdnmyspace.cn/dir/vi/v2/mootools-1.2.4-core-yc.js"></script><script type="text/javascript">resizeAllImg();function

mootools架構【七】-Common篇:mootools的構造應用的基礎設施類Common.js

說明: 正因為mootools是基於OO的思想,所以,在mootools自身提供的功能中,充分使用了OO的理念--繼承和實現.mootools中提供一組基礎功能類:Chain,Events,Options,Group,然後我們可以通過擴充它們來在我們的類中實現它們所提供的功能。mootools自己提供的Ajax,XHR和Fx.Base類就實現了這些基礎功能類。注: 一般情況下,Chain,Events和Options都不會單獨使用,都會被別的類擴充(implement),來為這些類提供功能增強1

結合GFX,DnD與Dijit建立基於Dojo的Web圖形類應用

GFX(dojox.gfx)作為 Dojo 向外延展群組件之一,封裝了底層瀏覽器中實際的圖形引擎,使開發人員具備了 Web 繪圖的基本能力,是此類應用的基礎。同時,作為 Dojo 核心組件的 DnD(dojo.dnd),則實現了基於瀏覽器的滑鼠拖拽操作,從而為圖形組件選擇,組件間連線等進階繪圖操作提供了支援人員。再者,通過引入自訂 Dojo

mootools架構【五】-String篇:方法完全解析

說明:String大概是使用頻率最高的資料類型了,在各個javascript架構中,都或多或少的對String進行了擴充,來提供一些十分方便的方法來處理日常應用。mootools也不例外,String.js中主要實現了這些對String的擴充,還稍微帶了點對Array和Number的擴充。--------------------------------String.js---------------------------------------1.方法:test作用:對字串執行Regex匹配例

改善Dojo應用程式的初始下載時間

僅擷取所需的資料Asynchronous JavaScript and XML (Ajax) 應用程式能夠提高某些 Web 應用程式的效能。載入應用程式之後,擷取較小的資料和內容片段可以協助避免重新呈現整個頁面的開銷。不過,這樣做得的代價是,應用程式的初始下載時間通常會比較長。我現在已有多年的 Dojo 應用程式使用經驗。IBM® WebSphere® Application Server Feature Pack for Web 2.0 和 Project Zero

使用Prototype的一點心得體會(二)

使用Element對象 ( API: http://www.prototypejs.org/api/element )1.addClassName方法<html><head><script src="prototype-1.6.0.2.js" type="text/javascript"></script><script>...function

prototype使用學習手冊指南之event.js

鍵盤事件包括keydown、kepress和keyup三種,每次敲擊鍵盤都會(依次?)觸發這三種事件,其中keydown和keyup是比較低級的接近於硬體的事件,通俗的理解是這兩個事件可以捕獲到你敲擊了鍵盤中某個鍵;而keypress是相對於字元層面的較為進階點的事件,這個事件能夠捕捉到你鍵入了哪個字元。可以這樣理解,如果你敲擊了A鍵,keydown和keyup事件只是知道你敲擊了A鍵,它並不知道你敲的是大寫的A(你同步選取了Shift鍵)還是敲的是小寫a,它是以"鍵"為單位

對prototype.js進行的擴充

最近的項目中要使用ajax,於是對各種ajaxframework在進行比較之後,最終選擇了prototype.js,由於prototype.js是一個非常基礎的ajaxframework,需要根據項目需求自己來進行一些擴充,下面就是我所做的一些擴充,如有誤,請指正!我實現了一個Form.Element.ValidationObserver,這個類需要依賴Validation.js以及相應的css(validation-advice),該類是對錶單中的單個元素通過ajax結合後台進行驗證,其中因為

extjs中動態載入機制研究

昨天我們team對於extjs的動態載入機製做了些深入研究,這裡先share下controller載入的結果。以service registry portlet為例:比如,在 liferay-portlet.xml中定義了:所以我們的js的進入點是app.js,這其中建立了Ext.application並且聲明了動態載入controller:Ext.application({ name: 'serviceRegistry', appFolder:

基於prototype的web驗證架構

prototype.js是所有的基礎validation.js真正的驗證架構檔案,badqiu在原來的基礎上增加了許多不錯的功能1:引用js檔案<script>"prototype.js"type="text/javascript"></script><script>"validation.js"type="text/javascript"></script>

Prototype實戰教程 8.頂層對象

<html><head><title>頂層元素</title><script src="prototype.js"></script><script>var

Extjs基礎知識

一、環境的搭建從官網下載Extjs 4.1 的工具包,裡面的東西很多,我們在開發階段並不需要太多的東西,因此保留 了我們需要用到的最少的幾個檔案:其中resources為資源和一些Extjs樣式檔案,local為語言套件,Extjs4.0新增加了bootstrap.js這樣一 個檔案,我們可以看下它的源碼來瞭解一下它的作用:if (isDevelopment === null) { for (i = 0, ln = localhostTests.length; i < ln;

Ext中namespace的作用

Ext中在每一個頁面中添加一個namespace呢,就像下面的代碼:   // create namespace   Ext.namespace('myNameSpace');  // create application  myNameSpace.app = function() {    // do NOT access DOM from here; elements don't exist yet     // private variables     // private

ExtJs中使用TaskRunner和DelayedTask如何傳參數到run()方法

在 ExtJs 中支援多線程的類有 Ext.util.TaskRunner 和 Ext.util.DelayedTask。TaskRunner 提供 了多線程的定時服務,DelayedTask 允許你延時多久在建立線程中執行一個任務。Ext.TaskMgr 是一個 TaskRunner 執行個體,在 TaskMgr.js 源碼中可以看到最後一行是:Ext.TaskMgr = new Ext.util.TaskRunner();實質上不管是 TaskRunner 還是

總頁數: 61357 1 .... 27329 27330 27331 27332 27333 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.