轉載自:天涯 書塾
作者:欣水寓言

這是友情鏈結的滾動代碼:
if(document.getElementById("m_links")){var m_links=document.getElementById("m_links");m_links.innerHTML=""+m_links.innerHTML+"";}
稍稍解釋下代碼:
上面色代碼就是添加滾動字幕效果的html代碼,其中的scrollAmount=2是滾動的速度,height=300是顯示的捲軸內容的高度
其中
色的是友情鏈結模版的ID,如果想讓別的模版的內容滾動起來,就只要換上別的模版的ID就可以了


——————————————————————————————

【轉載】在空間中加入滾動字幕 + 即時新聞

轉載自:天涯 書塾
作者:欣水寓言

因爲代碼基本類似透明flash,所以我只會做少許的解釋,但是我會解釋的比透明flash的文章中多一點點,畢竟不懂html的朋友們要弄明白這些代碼,必須要一點點來,這是根本無法一步登天的

現在要囑咐下:
如果你之前沒有做過透明flash的,那麽請找到以#header或者#tab打頭的{},而且必需其中是沒有添加過背景圖片的{}才可以用,找到它的原因就是因爲我們的代碼要添加在這裏才會比較有效
如果你之前做過透明flash的,那麽請找到你的添加透明flash的代碼,你們只要把代碼添加在裏面就可以了
我會分別解釋以上兩種情況的代碼添加方法的

現在公佈捲軸和新聞的代碼:
background:url("javascript:document.body.onload = function(){
if(document.getElementById("m_pro")){var m_pro=document.getElementById("m_pro");m_pro.innerHTML="

你要顯示的捲軸內容
"+m_pro.innerHTML;}}");

之前沒有做過透明flash的朋友請把以上代碼全部添加入你所找到的{}內即可
之前有做透明flash的朋友,請把上面在兩端藍色代碼之間的代碼添加入原透明flash代碼中末尾
objBlogList.innerHTML;}}");之間,添加方法如下:
objBlogList.innerHTML;}這裏添加上面兩端藍色代碼之間的代碼,也就是滾動+新聞的代碼}");

現在解釋下上面的代碼:
其中色的代碼是要添加效果的模版的ID,這裏要注意,這裏只能寫跟在#後面的代碼段,例如有#m_pro a#m_pro div.image等的模組ID,但是在
這裏的位置只能添加m_pro,後面的都不能加上去
-----------------------------------------------------------------------------------------------------------
其中
色的代碼就是你要添加的滾動字幕的效果,這裏其中的scrollAmount=2就是滾動的速度,一般寫2比較好,寫1太慢,寫3看上去效果不好,大家可以依自己喜好調節,width=100%是滾動字幕的總寬度,這裏可以填寫百分比也可以寫實際你想顯示的長度多少px,其中的onmouseover=stop() onmouseout=start()是當滑鼠移動到捲軸上則停止滾動的效果,如果你不想有這個效果,可以把這段代碼刪除。
附:如果大家想讓字幕左右來回滾動的話,可以在
onmouseout=start()後面加上空格behavior=alternate即可實現效果;如果大家想讓字體從下向上滾動而不是從右往左滾動的話,可以在onmouseout=start()後面加上空格direction=up即可實現效果
另外,如果你想給捲軸添加上字體效果的話,那麽就在CSS中的空白處再加上.move{},裏面加上你想要設置的字體效果即可,關於字體效果代碼大家可以參看我以前的一些文章,我這裏也羅列幾個吧:
字體顔色:color:顔色代碼
字體加粗:font-weight:bold
字體型號:font-family:字體型號,如華文行楷,隸書等
字體大小:font-size:大小px
最後要說一聲,在你想要說的滾動字幕內容中,請不要輸入英文狀態的雙引號( " )
因爲代碼段會失效,還有不要加入反斜杠( \ ),因爲他不會被顯示在捲軸中的
-----------------------------------------------------------------------------------------------------------
其中
色代碼就是CCTV新聞的代碼,如果不喜歡的話,可以不加
應網友們的要求,我幫大家找了點其他的滾動新聞代碼:
網易滾動新聞免費代碼

新浪新聞代碼:

sohu綜合新聞代碼:

sohu體育新聞代碼:

sohu娛樂新聞代碼:

sohu IT新聞代碼:

sohu教育新聞代碼:

sohu健康新聞代碼:

sohu文化新聞代碼:

sohu旅遊新聞代碼:

暫時我只能找到這些滾動新聞的代碼,也不知道是不是都好用,大家自己試試看吧
這裏要叮囑一聲,有些新聞的效果是有白色背景的,如果你們不想要白色背景的話,可以在空白處加上iframe{filter:Chroma(Color="#FFFFFF")}來讓白色背景透明掉

最後說一聲,上面代碼中兩端的藍色代碼比較重要,因爲之後的友情鏈結捲軸效果也是寫在這個裏面的,方法是與在有透明flash效果的代碼中加入滾動字幕效果的方法是一樣的。


——————————————————————————————

【轉載】空間中添加FLASH動畫

轉載自:天涯 書塾
作者:欣水寓言

具體實現方法:

首先,大家在CSS中找到#header{},因爲代碼都會寫在這裏面,如果你在這裏面設置了背景圖片,那麽建議你把代碼寫到到#header div.lc{}或者#header div.rc{}如果你這兩個裏面也有背景圖片的話,那麽你就寫到#header div.tit{}裏面吧,一般#header div.tit{}裏面很少有添加背景圖片的。。如果你這個裏面也有背景圖的話。。。還是有辦法,你隨便找一個{},只要裏面沒有設置背景圖的代碼[一般設置背景圖的代碼都是background:url()或者background-image:url()],你就可以把代碼放到裏面去

之後是插入透明flash的代碼:
background:url("javascript:document.body.onload = function(){if(document.getElementById("header")){var objBlogList=document.getElementById("header");objBlogList.innerHTML="

http://imgfree.21cn.com/free/flash/9.swf\' wmode=transparent style=\'position:absolute\' width=990 height=280>
"+objBlogList.innerHTML;}}");

說明:
第一段紅色字體就是你要設置的flash位址
第二段紅色字體是設置flash寬度、高度的
大家可以自己去調節和嘗試

注意:本效果不可與如下文章的效果同時應用
【轉載】爲空間主頁的文章列表添加“下一頁”鏈結

下面就是我的空間中測試成功的代碼:

#header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑體;
background:url("javascript:document.body.onload = function(){
if(document.getElementById("header")){var objBlogList=document.getElementById("header");objBlogList.innerHTML=""+objBlogList.innerHTML;}
}");
}

下面這個網站是紫焰提供的,裏面有許多好看的FLASH效果供大家選用:
http://www.dabaoku.com/flash/

 

 

 

 ——————————————————————————————————

【轉載】進入空間時增加一個滑出的歡迎窗口

轉載自:http://post.baidu.com/f?kz=116576046
作者:阿冷陽

效果:
http://hi.baidu.com/acoolsun
http://hi.baidu.com/hicss

只要在空白處增加以下代碼就可以了:


#main{
background:url('javascript:
 var sunPop = window.createPopup();
 var popTop=50;
 function popmsg(msgstr){
var winstr="";
winstr+=" ";
winstr+=""+msgstr+"";
sunPop.document.body.innerHTML=winstr;
popshow();
         }
function popshow(){
window.status=popTop;
if(popTop>1720){
clearTimeout(mytime);
sunPop.hide();
return;
}else if(popTop>1520&&popTop<1720){
sunPop.show(screen.width-250,screen.height,200,1720-popTop);
}else if(popTop>1500&&popTop<1520){
sunPop.show(screen.width-250,screen.height+(popTop-1720),200,150);
}else if(popTop<180){
sunPop.show(screen.width-250,screen.height,200,popTop);
}else if(popTop<220){
sunPop.show(screen.width-250,screen.height-popTop,200,150);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg("這裏是

顯示的內容

可以隨意更改。");
')
}


說明:

1、table style=\"border:solid #99cc66 2px\" 中的border 屬性表示視窗爲實線、顔色及線寬,請自行更改。

2、style=\"font-size:18px; color:#99cc66; face:黑體\" 爲內容字體大小及顔色等。

3、內容 popmsg("這裏是

顯示的內容

可以隨意更改。"); 其中
表示換行。

(注:只適合IE 核心的瀏覽器)


創作者介紹
創作者 斐。常爱仁 的頭像
phi0704

斐。常爱仁

phi0704 發表在 痞客邦 留言(0) 人氣( 87 )