jQuery時(shí)間軸（大事記）制作

這個(gè)可以通過(guò)修改css的left屬性來(lái)達(dá)到移動(dòng)的效果 要做動(dòng)畫(huà)效果的話 你用jquery的動(dòng)畫(huà)吧 畫(huà)面會(huì)很平滑得過(guò)渡的的

創(chuàng)新互聯(lián)成立十年來(lái)，這條路我們正越走越好，積累了技術(shù)與客戶(hù)資源，形成了良好的口碑。為客戶(hù)提供做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、域名與空間、網(wǎng)絡(luò)營(yíng)銷(xiāo)、VI設(shè)計(jì)、網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。網(wǎng)站是否美觀、功能強(qiáng)大、用戶(hù)體驗(yàn)好、性?xún)r(jià)比高、打開(kāi)快等等，這些對(duì)于網(wǎng)站建設(shè)都非常重要，創(chuàng)新互聯(lián)通過(guò)對(duì)建站技術(shù)性的掌握、對(duì)創(chuàng)意設(shè)計(jì)的研究為客戶(hù)提供一站式互聯(lián)網(wǎng)解決方案，攜手廣大客戶(hù)，共同發(fā)展進(jìn)步。

黑色區(qū)域相當(dāng)于屏幕 超出的部分就是隱藏掉 你給黑色區(qū)域設(shè)置個(gè) overflow:hidden就行了

jQuery flot 時(shí)間軸怎樣實(shí)現(xiàn)呢

你好?。?/p>

var?plot?=????$.plot("#placeholder",?[d],?{

xaxis:?{

ticks:?[0,?3,?6,?9,?12,?15,?18,?21,?24],

tickFormatter:?function(axis)?{

return?axis.toString()+":00";

}

}

});

實(shí)際效果如下圖:

求助一個(gè)jquery或者js時(shí)間線控件代碼，要求如下圖

下載以后展開(kāi)應(yīng)該就能用啊。出問(wèn)題的話主要是因?yàn)檫@是老外寫(xiě)的代碼，大量引用國(guó)外網(wǎng)站的資源，其中部分網(wǎng)站被墻了，你得找梯子翻q。代碼挺簡(jiǎn)單的，就是用了jquery-1.7.1.min.js，然后用timeline-min.js，最后用script.js把data.json里的數(shù)據(jù)裝進(jìn)來(lái)。jquery的源碼可以自己去官網(wǎng)下，timeline的詳細(xì)代碼可能需要unpack一下。