在做門戶網站時,首頁面上經常會有新聞圖片類的展示,下面收集兩個圖片展示的方式:
方法1.顯示多個圖片,橫行滾動
JS代碼如下:
頁面代碼如下:
效果圖如下:
JS代碼中設置的速度爲50,上面的圖片會按着此速度從右往左移動。
方法2.顯示一張圖片,圖層上面有固定圖片數碼,類似於翻頁功能。頁面代碼如下:
效果顯示如下:
其中圖片大小格式和頁碼樣式,可以在樣式和JS代碼中調,注意,此顯示爲固定數值的圖片。其中body上下兩部分JS代碼因爲頁面加載順序的不同不可調換。在頁面中初始化幾張圖片,在body下面代碼 new SlideTrans()中要對應圖片數。