• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 網頁設計教程 ] 24個對錶單對象進行個性化定製的技術—- 其他教程




    教學主題: 24個對錶單對象進行個性化定製的技術

    大家好!! 小編今天來和大家分享關於 其他教程中的網頁設計教程教學

    今天的這個教學主題是: 24個對錶單對象進行個性化定製的技術

    這教學的重點為這幾點 [ 定製,技術,個性化,進行,對象,checkbox,JavaS ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    HTML 表單對象在不同瀏覽器渲染方式並不一致,儘管一些對象,如 textbox 和 textarea 可以通過 CSS 在不同瀏覽器獲得一致的外觀,其它多數無法通過CSS 控制外觀的對象在有些瀏覽器中看上去十分醜陋,本文精選了24個對錶單對象進行個性化定製的技術。

    HTML 表單對象在不同瀏覽器渲染方式並不一致,儘管一些對象,如 textbox 和 textarea 可以通過 CSS 在不同瀏覽器獲得一致的外觀,其它多數無法通過CSS 控制外觀的對象在有些瀏覽器中看上去十分醜陋,本文精選了24個對錶單對象進行個性化定製的技術。

    Checkbox 與 Radio Buttons 相關

    1.) FancyForm

    FancyForm 是一個非常強大的 JavaScript 庫,可以作為 checkbox 和 radio button 的替代品,能生成非常漂亮的 checkbox 和 radio button,並支持幾乎所有瀏覽器,該 JavaScript 庫需要 MooTools JavaScript 框架的支持。

    24個對錶單對象進行個性化定製的技術

    2.) CRIR: Checkbox & Radio Input Replacement

    這個 JavaScript 和 CSS 組合可以隱藏表單中的 checkbox 和 radio button,並允許你使用 CSS 對 checkbox 與 radio button 的設置式樣模擬 checkbox 和 radio button。表單的功能不會改變,仍可以收集 checkbox 和 radio button 的數據值,checkbox 和 radio button 的標籤會觸發那些隱藏的對象。

    24個對錶單對象進行個性化定製的技術

    3.) Ryan Fait’s Custom Checkboxes & Radio Buttons

    這個 JavaScript 和 CSS 組合允許你使用自己的圖片模擬 checkbox,radio button 以及 select 列表控件。這個很周到的 JavaScript 庫還可以在瀏覽器禁用了 JavaScript 的時候,自動用回傳統的表單控件。

    24個對錶單對象進行個性化定製的技術

    4.) ARC – Adam’s Radio/Checkbox Customization

    該腳本會對錶單中的 checkbox 和 radio button 及其標籤進行探測,一旦發現,就會使用基於 CSS 式樣的圖形標籤替換這些控件。

    24個對錶單對象進行個性化定製的技術

    5.) prettyCheckboxes

    24個對錶單對象進行個性化定製的技術

    6.) jQuery checkbox

    24個對錶單對象進行個性化定製的技術

    7.) 一些用來定製 checkbox 和 radion button 的文章

    Custom Radio Button Implement With jQuery

    slayeroffice Custom Checkbox Elements

    Customized Html Controls: Creating Custom Checkbox

    Styled Form Controls

    Fancy Checkboxes and Radio Buttons

    Inside Technique : Custom Checkboxes

    選擇和下拉框(Select / Dropdown Box)相關

    1.) JavaScript Image Combobox (JavaScript 圖形化 Combobox)

    24個對錶單對象進行個性化定製的技術

    2.) jQuery Dropdown Check List

    24個對錶單對象進行個性化定製的技術

    3.) Custom Select With Icons

    24個對錶單對象進行個性化定製的技術

    4.) ComboBoxes Using MooTools

    24個對錶單對象進行個性化定製的技術

    5.) Select Replacement

    24個對錶單對象進行個性化定製的技術

    6.) 更多 select box 定製技術 (基於 JavaScript)

    mcDropdown jQuery Plug-in

    jQuery Custom Select Box v.0.01

    Arc90 Arc90

    Control.SelectMultiple

    更多 Form 控件對象

    1.) Custom Form Elements (CFE)

    Custom Form Elements 集合了各種技術,增強 XHTML Web 表單控件對象,基於 javaScript 和 CSS 實現更漂亮的效果,提高易用性與可訪問性。支持絕大多數主流瀏覽器。

    24個對錶單對象進行個性化定製的技術
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    2.) Emblematiq Niceforms

    Niceforms 是一個可以替代幾乎所有 web 表單對象的 JavaScript 庫。你可以使用默認的主題,甚至可以開發自己的主題。

    24個對錶單對象進行個性化定製的技術
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    3.) jQuery Plugin: jNice

    24個對錶單對象進行個性化定製的技術

    討論: http://www.missyuan.com/viewthread.php?tid=433658

    看完小編分享的教學之後 是不是對網頁設計教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 24個對錶單對象進行個性化定製的技術 這教學會喜歡

    文章標題: 骨子愛創意- 24個對錶單對象進行個性化定製的技術–轉載請註明來源處

    本教學分類為網頁設計教程中的 其他教程相關教學

    文章相關關鍵字為: 定製,技術,個性化,進行,對象,checkbox,JavaS

    本文永久連結 :24個對錶單對象進行個性化定製的技術

    本文轉載自 :VIA