所以我正在爲一個朋友做一些PSD到HTML,除了我很不擅長。 我正在嘗試編碼下面的圖像。點擊不同的圖標時,你會得到不同的時間表。我在Javascript中很糟糕,所以只是想知道這是可行的HTML/CSS,如果是的話如何?任何基本的例子?教程? (我不知道什麼,我猜想尋找所以我的研究是不容易的)動態縮略圖HTML?
任何幫助非常感謝
所以我正在爲一個朋友做一些PSD到HTML,除了我很不擅長。 我正在嘗試編碼下面的圖像。點擊不同的圖標時,你會得到不同的時間表。我在Javascript中很糟糕,所以只是想知道這是可行的HTML/CSS,如果是的話如何?任何基本的例子?教程? (我不知道什麼,我猜想尋找所以我的研究是不容易的)動態縮略圖HTML?
任何幫助非常感謝
我不知道你是否能做到HTML和CSS,但使用Javascript很容易。在這裏,你可以找到的教程和示例:Jquery Tabs
我看到這個其他http://thecodeplayer.com/walkthrough/css3-image-slider-with-stylized-thumbnails日這可能是一個單選按鈕的初衷舒展,但它一個簡單的JavaScript少的解決方案,值得嘗試:)
基本上的想法是,你玩單選按鈕的選定狀態,隱藏載入的元素,並使用':checked'僞選擇器來顯示它們,因爲只有一個無線組中的元素可以在時間,這完成了工作。
再次,這是控制的初衷舒展,但它是一個很酷的黑客確實:)
如果Javascript不起作用,我會試試這個。謝謝你的答案! – blabldfseges
這不適用於Internet Explorer。 –
這更像是一種黑客攻擊,不是真正的解決方案,如果我是你,我會用JS去 – leopic
是的,我聽說過:)有一個很小的工具提示(當你將鼠標懸停在紫線像第二塊)花了我三個小時的工作。 (我似乎無法弄清楚爲什麼它不在其他地方工作)。我會檢查它!謝謝。 – blabldfseges
好的,這實際上看起來很簡單! – blabldfseges