轉載自:天涯 書塾 【轉載】在空間中加入滾動字幕 + 即時新聞 轉載自:天涯 書塾 因爲代碼基本類似透明flash,所以我只會做少許的解釋,但是我會解釋的比透明flash的文章中多一點點,畢竟不懂html的朋友們要弄明白這些代碼,必須要一點點來,這是根本無法一步登天的 現在要囑咐下: 現在公佈捲軸和新聞的代碼: 之前沒有做過透明flash的朋友請把以上代碼全部添加入你所找到的{}內即可 現在解釋下上面的代碼: 最後說一聲,上面代碼中兩端的藍色代碼比較重要,因爲之後的友情鏈結捲軸效果也是寫在這個裏面的,方法是與在有透明flash效果的代碼中加入滾動字幕效果的方法是一樣的。 【轉載】空間中添加FLASH動畫 轉載自:天涯 書塾 具體實現方法: 首先,大家在CSS中找到#header{},因爲代碼都會寫在這裏面,如果你在這裏面設置了背景圖片,那麽建議你把代碼寫到到#header div.lc{}或者#header div.rc{}。如果你這兩個裏面也有背景圖片的話,那麽你就寫到#header div.tit{}裏面吧,一般#header div.tit{}裏面很少有添加背景圖片的。。如果你這個裏面也有背景圖的話。。。還是有辦法,你隨便找一個{},只要裏面沒有設置背景圖的代碼[一般設置背景圖的代碼都是background:url()或者background-image:url()],你就可以把代碼放到裏面去 之後是插入透明flash的代碼: 說明: 注意:本效果不可與如下文章的效果同時應用 下面就是我的空間中測試成功的代碼: #header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑體; 下面這個網站是紫焰提供的,裏面有許多好看的FLASH效果供大家選用:
作者:欣水寓言
這是友情鏈結的滾動代碼:
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的,那麽請找到以#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代碼中末尾的
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新聞的代碼,如果不喜歡的話,可以不加
應網友們的要求,我幫大家找了點其他的滾動新聞代碼:
網易滾動新聞免費代碼
新浪新聞代碼:
marginWidth=0 marginHeight=0 src=http://news.sina.com.cn/o/allnews/input/index.html
frameBorder=No width=100% scrolling=no height=15>
sohu綜合新聞代碼:
sohu體育新聞代碼:
sohu娛樂新聞代碼:
sohu IT新聞代碼:
sohu教育新聞代碼:
sohu健康新聞代碼:
sohu文化新聞代碼:
sohu旅遊新聞代碼:
暫時我只能找到這些滾動新聞的代碼,也不知道是不是都好用,大家自己試試看吧
這裏要叮囑一聲,有些新聞的效果是有白色背景的,如果你們不想要白色背景的話,可以在空白處加上iframe{filter:Chroma(Color="#FFFFFF")}來讓白色背景透明掉
——————————————————————————————
作者:欣水寓言
background:url("javascript:document.body.onload = function(){if(document.getElementById("header")){var objBlogList=document.getElementById("header");objBlogList.innerHTML=""+objBlogList.innerHTML;}}");
第一段紅色字體就是你要設置的flash位址
第二段紅色字體是設置flash寬度、高度的
大家可以自己去調節和嘗試
【轉載】爲空間主頁的文章列表添加“下一頁”鏈結
background:url("javascript:document.body.onload = function(){
if(document.getElementById("header")){var objBlogList=document.getElementById("header");objBlogList.innerHTML="
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="
|
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 核心的瀏覽器)
請先 登入 以發表留言。