看看基本界面:基本用法:Html代碼Js代碼$('#tt').datagrid({title:'ColumnGroup',width:560,height:250,url:'datagrid_data.json',columns:[[{field:'itemid',title:'ItemID',rowspan:2,width:80,sortable:true},{field:'productid',title:'
系統(tǒng) 2019-08-29 23:06:00 4483
在線演示1在線演示2在線演示3本地下載大家可能經(jīng)常需要展示數(shù)據(jù)或者報(bào)表,表頭如果滾動(dòng)上去后,查看數(shù)據(jù)的類別和字段是個(gè)麻煩事情,在這里我們推薦來(lái)自tympanus的一個(gè)JS實(shí)現(xiàn)的table表頭固定效果,相信大家肯定會(huì)受益的,這個(gè)demo使用了jQuery來(lái)實(shí)現(xiàn),所以能夠很好的支持各種瀏覽器上的報(bào)表展示!這里有兩點(diǎn)值得大家討論:為什么不使用position:fixed來(lái)實(shí)現(xiàn)表頭固定使用fixed的好處在于:無(wú)需計(jì)算滾動(dòng)中的偏移,而使用JS需要自己處理沒(méi)有滾動(dòng)響
系統(tǒng) 2019-08-29 22:25:55 4158
jQuery1.6中新添加了一個(gè)prop方法,看起來(lái)和用起來(lái)都和attr方法一樣,這兩個(gè)方法有什么區(qū)別呢?這要從HTMl的attribute與property區(qū)別說(shuō)起,attr與prop正是這兩個(gè)東西的縮寫。attribute與propertyattribute和property都可以翻譯為屬性,為了以示區(qū)別,通常把這兩個(gè)單詞翻譯為屬性與特性。ClickHere 上面這段HTML語(yǔ)句中有三個(gè)節(jié)點(diǎn),分別是Element“
系統(tǒng) 2019-08-29 23:44:58 3985
讓人期待已久的2013年度最佳jQuery插件揭曉了。在過(guò)去的一年里,有很多很多的jQuery插件發(fā)布出來(lái),而這里文章列出的這些插件從提供的功能更角度來(lái)看是其中的佼佼者。相信這些優(yōu)秀的jQuery插件能夠幫助Web開(kāi)發(fā)人員把一些驚艷的功能和效果輕松的應(yīng)用到自己的項(xiàng)目中。您可能感興趣的相關(guān)文章Web前端開(kāi)發(fā)人員和設(shè)計(jì)精華文章推薦值得Web開(kāi)發(fā)人員學(xué)習(xí)的20個(gè)jQuery教程精心挑選的優(yōu)秀jQueryAjax分頁(yè)插件和教程精心挑選的優(yōu)秀jQuery文本特效插件
系統(tǒng) 2019-08-29 23:11:24 3976
select在IE6下顯示時(shí)存在問(wèn)題,寫了個(gè)jquery插件,隱藏原select,用js重新構(gòu)建UI,對(duì)新UI的操作會(huì)映射到原select,支持默認(rèn)選中,自適應(yīng)寬和change事件效果圖example.html
系統(tǒng) 2019-08-29 23:48:05 3937
WijmoEventCalendar活動(dòng)日歷控件,是一個(gè)功能齊全的活動(dòng)日歷控件,允許用戶添加,編輯和管理他們的日程。默認(rèn)情況下,控件將使用Html5的LocalStorage特性,進(jìn)行離線數(shù)據(jù)存儲(chǔ),用戶可以在不連接網(wǎng)路的情況下,使用網(wǎng)頁(yè)來(lái)管理自己的日程,無(wú)需額外的配置。WijmoEventCalendar支持用戶自定義數(shù)據(jù)存儲(chǔ)方式。WijmoEventCalendar控件在設(shè)計(jì)之初就將數(shù)據(jù)展現(xiàn)和數(shù)據(jù)存儲(chǔ)進(jìn)行分離,您可以使用amplify.store庫(kù),實(shí)現(xiàn)
系統(tǒng) 2019-08-12 09:29:52 3886
在線演示本地下載大家在網(wǎng)站開(kāi)發(fā)和web應(yīng)用中常常需要處理圖片,因?yàn)橛脩羯蟼鞯膱D片往往尺寸大小各不相同,如何能夠生成統(tǒng)一尺寸的縮略圖往往是讓我們頭疼的問(wèn)題,常規(guī)的方式基本都是使用后臺(tái)程序PHP,JSP等處理上傳后的圖片,針對(duì)網(wǎng)站或者應(yīng)用具體需要來(lái)切割指定大小的縮略圖。主要問(wèn)題在于你需要開(kāi)發(fā)對(duì)應(yīng)后臺(tái)相關(guān)程序,并且你一旦指定了縮略圖大小后,以后如果希望能夠隨時(shí)修改的話,往往需要對(duì)后臺(tái)代碼進(jìn)行修改,非常麻煩!今天我們將介紹一款超強(qiáng)的jQuery縮略圖生成插件-Na
系統(tǒng) 2019-08-12 09:30:16 3857
在本例中,我們會(huì)通過(guò)jQuery實(shí)現(xiàn)單擊將一個(gè)文本信息變?yōu)榭删庉嫷谋韱危憧梢詫?duì)文本內(nèi)容進(jìn)行編輯,然后點(diǎn)擊“確定”按鈕,新的內(nèi)容將發(fā)送到后臺(tái)PHP程序處理,并保存到數(shù)據(jù)庫(kù);當(dāng)點(diǎn)擊“取消”按鈕,則頁(yè)面恢復(fù)到初始狀態(tài)。本例適用場(chǎng)景:當(dāng)查看詳細(xì)資料,如用戶詳情信息,發(fā)現(xiàn)其中某幾個(gè)字段信息需要修改,可直接點(diǎn)擊該字段內(nèi)容進(jìn)行修改,節(jié)約了用戶時(shí)間,(傳統(tǒng)的做法是進(jìn)入一個(gè)編輯頁(yè)面,列出所有編輯的字段信息,即使你只需要編輯其中一兩個(gè)字段內(nèi)容,然后點(diǎn)擊提交)提高了WEB響應(yīng)
系統(tǒng) 2019-08-29 22:55:04 3832
一些應(yīng)該熟記于心的jQuery函數(shù)和技巧文章將為讀者講述一些優(yōu)秀的實(shí)現(xiàn)方法和技巧,正確地使用這些方法和技巧就能夠充分利用這一框架為我們所提供的所有優(yōu)點(diǎn)。AD:【51CTO獨(dú)家特稿】現(xiàn)在使用jQuery的網(wǎng)站數(shù)不勝數(shù),它能夠成為成最為知名的JavaScript框架,肯定存在著某種原因。作為開(kāi)發(fā)者,我們必須更深入地思
系統(tǒng) 2019-08-12 09:30:24 3771
jQuery選擇器大全(48個(gè)代碼片段+21幅圖演示)選擇器是jQuery最基礎(chǔ)的東西,本文中列舉的選擇器基本上囊括了所有的jQuery選擇器,也許各位通過(guò)這篇文章能夠加深對(duì)jQuery選擇器的理解,它們本身用法就非常簡(jiǎn)單,我更希望的是它能夠提升個(gè)人編寫jQuery代碼的效率。本文配合截圖、代碼和簡(jiǎn)單的概括對(duì)所有jQuery選擇器進(jìn)行了介紹,也列舉出了一些需要注意和區(qū)分的地方。本文已經(jīng)同步至我的個(gè)人博客站點(diǎn):積累吧|jQuery選擇器大全(48個(gè)代碼片段+
系統(tǒng) 2019-08-29 23:08:49 3767
【前言】jQuery已經(jīng)被廣泛使用,憑借其簡(jiǎn)潔的API,對(duì)DOM強(qiáng)大的操控性,易擴(kuò)展性越來(lái)越受到web開(kāi)發(fā)人員的喜愛(ài),我在社區(qū)也發(fā)布了很多的jQuery插件,經(jīng)常有人詢問(wèn)一些技巧,因此干脆寫這么一篇文章給各位jQuery愛(ài)好者,算是拋磚引玉吧。【基礎(chǔ)】a)樣式很多人會(huì)認(rèn)為樣式是個(gè)很復(fù)雜的東西,需要沉著冷靜的心態(tài)加上非凡的審美觀才能設(shè)計(jì)出賞心悅目的UI,拋開(kāi)圖片設(shè)計(jì)不說(shuō),其實(shí)css也就是那么些屬性:position,margin,padding,width,
系統(tǒng) 2019-08-29 22:25:31 3763
發(fā)現(xiàn)easy-ui沒(méi)有皮膚切換功能正好工作要用就做了個(gè)分享給大家暫時(shí)做了綠色、橘黃、灰黑、藍(lán)色、紅色這5種顏色,大家也可以參照的多做幾套更漂亮一點(diǎn)的!demo.rar(932.1KB)jquery-easyui界面皮膚設(shè)計(jì)
系統(tǒng) 2019-08-12 01:32:18 3738
在B/S開(kāi)發(fā)中頁(yè)面制作涉及HTML、CSS、javascript等技術(shù),我們隨掌握相關(guān)技術(shù),但實(shí)際開(kāi)發(fā)中頁(yè)面美化特別是樣式設(shè)計(jì)一直困擾著我們。怎樣更好、更快的設(shè)計(jì)美觀、專業(yè)、時(shí)代性的頁(yè)面呢?JQueryEasyUI就能幫助我們解決這個(gè)問(wèn)題。jQueryEasyUI是一組基于jQuery的UI插件集合,而jQueryEasyUI的目標(biāo)就是幫助web開(kāi)發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。開(kāi)發(fā)者不需要編寫復(fù)雜的javascript,也不需要對(duì)css樣式
系統(tǒng) 2019-08-29 22:23:32 3694
當(dāng)前已經(jīng)有許多jQuery表單校驗(yàn)插件,并且有些也很不錯(cuò),但這些插件功能太強(qiáng)大,使用比較復(fù)雜。如果你想找一個(gè)簡(jiǎn)單點(diǎn)的插件Happy.js剛好是一個(gè)很好的選擇。這個(gè)插件是輕量級(jí)的,所以只支持一些輸入校驗(yàn)?zāi)J(rèn)包括:必填、日期、數(shù)字、電子郵件、最大/最小限制,電話號(hào)碼。但還可以通過(guò)正則表達(dá)式擴(kuò)展校驗(yàn)規(guī)則。要求:jQueryorZepto支持項(xiàng)目網(wǎng)站:http://happyjs.com/下載地址:https://github.com/andyet/Happy.j
系統(tǒng) 2019-08-29 23:22:19 3667
表單驗(yàn)證jquery.validate.js與poshytip集成jquery.validate.js教程:http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.htmlposhytip教程:http://vadikom.com/demos/poshytip/注意:1:jquery.validate.js版本1.8.1才會(huì)支持IE6、IE7。2:且jquery不得超過(guò)1.6.1,不然IE6、I
系統(tǒng) 2019-08-12 09:30:19 3486