不常看留言版,週末察看時才看到格友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>
沒有留言:
張貼留言