|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 請教高手：旋轉圖片效果
如題，我想做旋轉圖片的效果：類似於下面的文字旋轉
不同的是我想用一些小圖片來代替裡面的每一個文字，這些圖片又可以各自作鏈接。求教！多謝多謝！ :) |
| 用flash吧，這種效果很好做的！ |
lh757在上個帖子中說
用PS也可以做出旋轉效果的，不過我想讓用來代替旋轉的字的每個圖片都可以鏈接另外的網頁。用flash做出來的是一個整體，怎麼把圖片中的每個部分做鏈接呢？要是會PS切割也應該是可以的。我見過別人做的，但是不知道別人怎麼搞出來的。 :eek: :confused: |
| falsh中每個元素都可以做連接的。。。。。。。 |
[code]
--------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
</head>
<body>
<script language=javascript>
Phrase="旋轉文字旋轉文字旋轉文字"
Balises=""
Taille=40;
Midx=100;
Decal=0.5;
Nb=Phrase.length;
for (x=0;x<Nb;x++){
Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:3;font-family: Courier New;font-weight:bold;position:absolute;top:320;left:400;z-index:0">' + Phrase.charAt(x) + '</DIV>'
}
document.write (Balises);
Time=window.setInterval("Alors()",10);
Alpha=5;
I_Alpha=0.05;
function Alors(){
Alpha=Alpha-I_Alpha;
for (x=0;x<Nb;x++){
Alpha1=Alpha+Decal*x;
Cosine=Math.cos(Alpha1);
Ob=document.all("L"+x);
Ob.style.posLeft=Midx+100*Math.sin(Alpha1)+400;
Ob.style.zIndex=20*Cosine;
Ob.style.fontSize=Taille+25*Cosine;
Ob.style.color="rgb("+ (233+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";
}
}
</script>
</body>
</html>
[/code] |
[html]
--------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
</head>
<body>
<script language=javascript>
Phrase="旋轉文字旋轉文字旋轉文字"
Balises=""
Taille=40;
Midx=100;
Decal=0.5;
Nb=Phrase.length;
for (x=0;x<Nb;x++){
Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:3;font-family: Courier New;font-weight:bold;position:absolute;top:320;left:400;z-index:0">' + Phrase.charAt(x) + '</DIV>'
}
document.write (Balises);
Time=window.setInterval("Alors()",10);
Alpha=5;
I_Alpha=0.05;
function Alors(){
Alpha=Alpha-I_Alpha;
for (x=0;x<Nb;x++){
Alpha1=Alpha+Decal*x;
Cosine=Math.cos(Alpha1);
Ob=document.all("L"+x);
Ob.style.posLeft=Midx+100*Math.sin(Alpha1)+400;
Ob.style.zIndex=20*Cosine;
Ob.style.fontSize=Taille+25*Cosine;
Ob.style.color="rgb("+ (233+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)";
}
}
</script>
</body>
</html>
[/html] |
| 那你可以教我怎麼做麼？具體講講。謝謝 |
irenezh在上個帖子中說
沒有人理了，自己頂一下 |
| 用動FLASH不行嗎? |
| 可以用代碼麼？莫非說我應該去修煉flash？只要確定是，那我也只有去了！ |
這個都做出來了 換圖片也很簡單的
他不過是把單個文字封裝在div裡 然後控制每個div的屬性style.fontSize來改變字的大小
你可以把div裡的文字換成<img> 再把控制style.fontSize的句子改為控制img的width的屬性就好了 |
| 恩，要的就是這樣的指點！謝謝！ |
|
