首頁

動畫輪播

顯示資料

找到 <!--正中央--> ,插入動畫輪播的程式碼

// 因為輪播的JS設計是把所有圖片路徑放入Array()
// 所以我們就把資料串成一串,每個圖片用 , 隔開
$mvim = "";
$result = All(sql("mvim", 1));
foreach($result as $row)
{
	$ani .= "'img/".$row["file"]."',";
}
1
2
3
4
5
6
7
8

修改JS

把變數放入下面的JS

var lin=new Array(<?=$mvim?>);
1

最新消息

找到最新消息區,在裡面的 ul 標籤放入程式碼
首頁最新消息滑入效果的JS有兩個(alt一個,altt一個),但是更多最新消息頁只有altt,因此這部分的j就搭配alt的效果,將li的class設為sswww,等一下做更多最新消息頁時可以直接複製貼上做修改

<?php
	// 設為顯示的最新消息筆數
	$news_num = count(All(sql("news", 1)));
	// 如果大於5筆,顯示More...
	if($news_num > 5) 
	{
		echo "<span style='float:right'><a href='news.php'>More...</a></span>";
	}
?>
<span class="t botli">最新消息區</span>
<ul class="ssaa" style="list-style-type:decimal;">
<?php
	$result = All(sql("news", 1)." limit 5");
	foreach($result as $row)
	{
		// 部分文字
		$part = mb_substr($row["text"], 0, 10, "utf8");
		
		// 下方的Javascript為滑鼠移入時顯示全部文字的效果	
		// li的class必須為sswww,放部分文字	
		// span的class必須為all,放全部文字,且display要設定成none
		echo '<li class="sswww">'.$part.'<span class="all" style="display:none">'.$row["text"].'</span></li>';
	}
?>
</ul>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

插入程式碼後要把 id 為 altt 的 div 和後面的 Javascript刪掉,否則滑鼠移入時會出現兩個全部文字的框