滾動條的各種設(shè)計方式和PSD圖

2011-10-28    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(       bouu.cn       )是一家專注而深入的設(shè)計機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的       BS界面設(shè)計             cs界面設(shè)計       、       ipad界面設(shè)計       、       包裝設(shè)計             圖標(biāo)定制       、       用戶體驗(yàn)       、交互設(shè)計、       網(wǎng)站建設(shè)       、平面設(shè)計服務(wù)  瀏覽器滾動條的解決方案

原文:http://www.queness.com/post/9667/javascript-scrollbar-solutions-and-psd-layouts

好吧,讓我們開始jQuery和一個Mootool插件/

  • 微型滾動 微型滾動使用jQuery庫和設(shè)計,重量輕,動態(tài)網(wǎng)頁設(shè)計師提供最大的靈活性,以提高設(shè)計的滾動。 我已經(jīng)考察了滾動條的結(jié)構(gòu)和它的真實(shí),你將能夠風(fēng)格很容易。 它不來的頂部和底部的箭頭。
    • 垂直和水平滾動支持
    • 在iPhone,iPad和Android的工作
    • 支持滾動輪,拇指或跟蹤
    • 更新功能,因此它可以處理內(nèi)容的變化。 這是一個好東西!
    • 滾動條和拇指大小可以設(shè)置為自動或一個固定的數(shù)
    • 支持錨
  • JScrollPane中 的JScrollPane是一個跨瀏覽器的開爾文運(yùn)氣瀏覽器的默認(rèn)滾動條(有關(guān)overflow屬性的元素)轉(zhuǎn)換成一個HTML的結(jié)構(gòu),可以很容易地使用CSS剝皮的jQuery插件。 所有,我發(fā)現(xiàn),JScrollPane中是最強(qiáng)大的,并在同一時間相當(dāng)復(fù)雜的實(shí)施對于那些并不真正了解Javascript 。 然而,它帶有很多的例子和文檔,我相信可以對于初學(xué)者非常有幫助 。
    • 垂直和水平滾動支持
    • 支持箭頭的滾動(點(diǎn)擊/懸停)
    • 支持滾動輪,觸摸或跟蹤
    • 在iPhone,iPad和Android的工作
    • 它具有內(nèi)置的功能重新初始化ScrollPane的,如果你添加動態(tài)內(nèi)容。
    • 它的回調(diào)函數(shù)/事件。
    • 和很多更多的功能!
  • MooScroll 很明顯,這是一個MooTools的JavaScript框架的滾動 。 MooScroll是個MooTools 1.2類,允許您自定義滾動條滾動的div看起來。 有不少人正在使用MooTools的,所以我添加為一個滾動的解決方案。
    • 從我所看到的,它僅支持垂直滾動
    • 部分移動平臺的支持,這是用手指,但默認(rèn)情況下隱藏的滾動條滾動的。
    • 根據(jù)目前內(nèi)容的大小,它有一個內(nèi)置在刷新()函數(shù)來調(diào)整ScrollPane的
    • 支持平滑滾動
    • 支持錨

滾動的UI

現(xiàn)在你知道你可以做什么用的滾動條,這個精心設(shè)計的界面皮膚,改造成美麗的丑陋!

日歷

鏈接

個人資料

存檔