2012-11-28 92 views
-2

所以我正在爲一個朋友做一些PSD到HTML,除了我很不擅長。 我正在嘗試編碼下面的圖像。點擊不同的圖標時,你會得到不同的時間表。我在Javascript中很糟糕,所以只是想知道這是可行的HTML/CSS,如果是的話如何?任何基本的例子?教程? (我不知道什麼,我猜想尋找所以我的研究是不容易的)動態縮略圖HTML?

timeline

任何幫助非常感謝

回答

0

我不知道你是否能做到HTML和CSS,但使用Javascript很容易。在這裏,你可以找到的教程和示例:Jquery Tabs

+0

是的,我聽說過:)有一個很小的工具提示(當你將鼠標懸停在紫線像第二塊)花了我三個小時的工作。 (我似乎無法弄清楚爲什麼它不在其他地方工作)。我會檢查它!謝謝。 – blabldfseges

+0

好的,這實際上看起來很簡單! – blabldfseges

0

我看到這個其他http://thecodeplayer.com/walkthrough/css3-image-slider-with-stylized-thumbnails日這可能是一個單選按鈕的初衷舒展,但它一個簡單的JavaScript少的解決方案,值得嘗試:)

基本上的想法是,你玩單選按鈕的選定狀態,隱藏載入的元素,並使用':checked'僞選擇器來顯示它們,因爲只有一個無線組中的元素可以在時間,這完成了工作。

再次,這是控制的初衷舒展,但它是一個很酷的黑客確實:)

+0

如果Javascript不起作用,我會試試這個。謝謝你的答案! – blabldfseges

+0

這不適用於Internet Explorer。 –

+0

這更像是一種黑客攻擊,不是真正的解決方案,如果我是你,我會用JS去 – leopic