主題: [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的話
<input type="range">
這樣就解決了
發表人:
daidai 時間: 2012-7-18 03:05 PM
<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的話
<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 |