2008年1月20日 星期日

格子的跑馬燈CSS語法

不常看留言版,週末察看時才看到格友chingroo詢問關於佑佑皮皮格子上面的跑馬燈CSS語法,慢了幾天回,拍謝。很早之前也曾有格友留言詢問過,以下就PO跑馬燈語法如下,想抓回自己格子的都可。
 

CSS我當然不懂,高手可自行開發、修改裡面的語法;如果對CSS不熟的人僅要改下面三個項目的紅字即可(或改最後一項也可)。
 

 

1.圖片:
 

請自存一個圖片檔,再做網址連結,或直接用下面這網址也可。
 

src="http://f.blog.xuite.net/f0/df/11154439/blog_125479/txt/4966636/0.jpg">
 

 

2.字型大小和顏色:
 

字型大小請自調。
 

顏色如果要其他顏色,要去找色碼(上面文字顏色按鈕也會顯示色碼),否則沿用下面的色碼(我用紅色)也行啦。
 

size=2 color=#CC3399
 

 

 3.要show出來的跑馬燈文字:
 

看你想寫心情(之前寫過)、訊息公告(目前我們格子就是)、特殊節日的祝福(例如新年快樂、聖誕節快樂等)都可。
 

歡迎來佑佑皮皮的格子!如果你是新朋友,請先至【認識我們】新朋友必讀的文章瀏覽。歡迎光臨!
 
 
 

格子上面的跑馬燈已經放了兩年多了,關於一些即時訊息或想法都可直接讓格友一目了然(不過我很少改就是了),這個跑馬燈不會很炫,有點陽春,但也還OK啦。
 
這個備份格子並沒用,對於格子使用跑馬燈的情況,請參考Xuite的主格子:
http://blog.xuite.net/xalekd/940109
 

跑馬燈的CSS如下(直接Copy下面語法到記事本,再修改紅字),慢用:
 

 

 

<div style='position:absolute;width:990px;top:-50px;left:0px';>
<script language="JavaScript">
<!--
var marqueewidth=990;
var marqueeheight=80;
var speed=2;
var expdate = new Date();
var year=expdate.getYear();
var month=expdate.getMonth()+1;
var day=expdate.getDate()+1;
var num_visits;
expdate.setTime(expdate.getTime() + (5*24*60*60*1000));
if (!(num_visits = GetCookie("num_visits")))
  num_visits = 0;
num_visits++;
SetCookie("num_visits",num_visits,expdate);
var marqueecontents='<image src="
http://f.blog.xuite.net/f0/df/11154439/blog_125479/txt/4966636/0.jpg"><font size=2 color=#CC3399><b>歡迎來佑佑皮皮的格子!如果你是新朋友,請先至【認識我們】新朋友必讀的文章瀏覽。歡迎光臨!                                                                                                           </b>';
if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>');
function regenerate() {window.location.reload();}

function regenerate2(){
if (document.layers){
intializemarquee();
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>');
document.cmarquee01.document.cmarquee02.document.close();
thelength=document.cmarquee01.document.cmarquee02.document.width;
scrollit();
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed;
setTimeout("scrollit()",100);
} else {
document.cmarquee01.document.cmarquee02.left=marqueewidth;
scrollit();
}
}
function getCookieVal (offset) {
  var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
    endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
    var j = i + alen;
    if (document.cookie.substring(i, j) == arg)
      return getCookieVal (j);
    i = document.cookie.indexOf(" ", i) + 1;
    if (i == 0)
      break;
  }
  return null;
}
function SetCookie (name, value) {
  var argv = SetCookie.arguments;
  var argc = SetCookie.arguments.length;
  var expires = (argc > 2) ? argv[2] : null;
  var path = (argc > 3) ? argv[3] : null;
  var domain = (argc > 4) ? argv[4] : null;
  var secure = (argc > 5) ? argv[5] : false;
  document.cookie = name + "=" + escape (value) +
    ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
    ((path == null) ? "" : ("; path=" + path)) +
    ((domain == null) ? "" : ("; domain=" + domain)) +
    ((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
  var exp = new Date();
  FixCookieDate (exp); // Correct for Mac bug
  exp.setTime (exp.getTime() - 1);  // This cookie is history
  var cval = GetCookie (name);
  (cval != null)
    document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

window.onload=regenerate2;
-->
</script>
</div>
</a>

 

 

 





沒有留言: