因為自己的blog是套用別人的樣本

加上又懶的學CSS設計

所以縱使有些想法要加入版面上

只能套用別人的範例

只是最近有個範例  讓我花了不少時間...

我的需求簡述應為以下兩點

1.利用blog已分類的各類文章  藉由類似"PCHome購物"的模式讓網友點選而連結至各分類文章

所謂"PCHome購物"的模式就是想弄一個像我blog中的廣告樣式

02

有兩三個畫面像跑馬燈般切換

點選後則可以連結至設定的網頁中

檢示其語法  (語法位置)

發現似乎是用flash作成之頁面 (因為有.swf的連結網頁)  當然我也是懶得學

2.每一個畫面作成一個超連結 例:棒球一個畫面點選後進入歸類於棒球的文章  電影 美食...亦同

上網打上keyword查詢無所獲

再上奇模知識+發問也沒有得到滿意的回覆

突想到很久已前學網頁設計時一些特殊炫麗的頁面都是靠Java Script幫忙

終於在"爪哇島"找到最接近我需求的語法

貼上與大家分享

<script language="JavaScript1.2">
<!--
var marqueewidth=160
var marqueeheight=120
var speed=2
var marqueecontents='<center><P><a href="網頁1" target="_blank"><img src="圖片存放位置1" border=0 "笑話"></a><P><a href="網頁2" target="_blank"><img src="圖片存放位置2" border=0 "投資"></a></a></center>'  
if (document.all)  
document.write('<marquee direction="down"  scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')  
function regenerate(){  
window.location.reload()  
}  
function regenerate2(){  
if (document.layers){  
setTimeout("window.onresize=regenerate",160)  
intializemarquee()  
}  
}  
function intializemarquee(){  
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)  
document.cmarquee01.document.cmarquee02.document.close()  
thelength=document.cmarquee01.document.cmarquee02.document.height  
scrollit()  
}     
function scrollit(){  
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){  
document.cmarquee01.document.cmarquee02.top-=speed  
setTimeout("scrollit()",160)  
}  
else{  
document.cmarquee01.document.cmarquee02.top=marqueeheight  
scrollit()  
}  
}  
window.onload=regenerate2
-->
</script>  
  <ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">        
  <layer name="cmarquee02" width=&{marqueewidth}; height=&{marqueeheight};></layer>       
  </ilayer>
</center>

只是還是有點未盡理想的地方

01

1.畫面不知如何調成跟圖片大小一樣(圖片160x120)會出現兩三張圖片同時出現

   網站上提供注意事項僅有三點

   在 var marqueewidth=150 中修改跑馬燈的寬度(請填寫最寬的)

   在 var marqueeheight=50 中修改跑馬燈的高度

   在 var speed=1 中修改跑馬燈的速度

   依其調整似乎只有速度ok

2.畫面如跑馬燈接續而至  但當所有圖片都跑完會有些時間呈現空白 

   有辦法調整成一直接續下去不要間斷嗎?

gsbtom 發表在 痞客邦 PIXNET 留言(0) 人氣()