Board logo

主題: [javascript] [問題]這網站上的滑條該如何寫 [打印本頁]

發表人: ballgi    時間: 2012-7-18 12:29 AM     主題: [問題]這網站上的滑條該如何寫

http://www.selektvolvocars.co.uk/
請問這網站左邊的滑條怎麼做的,我想要學但卡住了,原以為是ajax,但看html標籤內的屬性又沒見過
google 查到這個ARIA技術,我該如何學會使用它?
發表人: bhunji    時間: 2012-7-18 02:30 AM

你會用JQuery嗎?

JQuery UI 插件
http://filamentgroup.com/lab/upd ... _with_aria_support/
網址當中有英文的使用說明

如果是要外部通訊AJAX之類的我就不會了~~
希望有幫到忙
ccc

WAI-ARIA概述 <=如果不清楚ARIA可以先看這個
WAI-ARIA无障碍网页应用属性完全展示
无障碍网页应用 WAI-ARIA
by Google.

簡單來說ARIA就是給HTML標籤加上識別證
讓其他的識別儀器包括外掛程式可以知道目前網頁的動作及內容
ARIA就是用來通用定義識別證的...大概算是技術吧,不專業的我也不知道那名詞的稱呼
上述連結當中有提到AT儀器,比如外部運作的輔助機器, (這我會想到Air Gear~)
如果我是盲人,我控制電腦可能就需要聲音通知,那麼AT就是輔助我理解到電腦的運作提示
以上是從那幾個連結當中理解的,實際應用我也不知道
第一次聽到ARIA這個東東(但我會想到水星領航員.....)
不過通常的網頁技術當中其實也比較不會用到

在你提供的網站使用的及時改變內容(統計數量)
就算是AJAX,XMLHttp

[bhunji 在  2012-7-18 03:27 AM 作了最後編輯]
發表人: 陽だまり    時間: 2012-7-18 07:31 AM

要是html5的話

CODE:
[Copy to clipboard]
<input type="range">
這樣就解決了
發表人: daidai    時間: 2012-7-18 03:05 PM



CODE:
[Copy to clipboard]
<link href="jquery-ui.css" type="text/css" rel="stylesheet" charset="utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>

<script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function($){
                $( "#content-slider" ).slider();
        })
</script>

<div id="content-slider"></div>
請先學習如何使用jquery喔@@
jquery ui 範例
發表人: ballgi    時間: 2012-7-20 09:18 PM

感謝各位的資料,我會拿來研究研究,感動
發表人: ballgi    時間: 2012-7-21 12:13 AM

html5 range ie & firefox不支援 chrome就可以顯示所以偏向jquery支援度較高
而且只能有一個thumb 無法設定兩個


引用:
陽だまり寫到:
要是html5的話

CODE:
[Copy to clipboard]
<input type="range">
這樣就解決了


[ballgi 在  2012-7-21 12:15 AM 作了最後編輯]
發表人: 陽だまり    時間: 2012-7-22 12:37 PM

thumb?
是什麼意思
發表人: planetoid    時間: 2012-7-22 02:20 PM

ballgi  說的 thumb ,我猜是說「縮圖」(thumbnail)吧
發表人: ballgi    時間: 2012-7-23 12:08 AM

就是slider上拖拉的那個




歡迎光臨 TWed2k (http://twed2k.org/) Powered by Discuz! 4.1.0