不生病的智慧2阅读:博客音画常用代码集锦

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 14:19:47

博客音画常用代码集锦 

  • 1、在边框背景里添加图片和隔断:
  • 用这个代码:
  • 图片网址">
       把图片和隔断添加到边框

  • 2、怎样给音画帖子添加音乐(rm,wav,swf,mp3等格式):
  • 在整篇代码的的最后加上
  • (1)替换mp3地址
  •  type=application/octet-streamautostart="true"
  •       loop="true"> (隐藏播放)
  • (2)
  •   autostart="true" >(隐藏播放)
  • (3)
  •  autostart="true" loop="true">(隐藏播放)
  • (4)
  • width="283" height="45">(显示播放器)
  • 说明:--------hidden="true"表示隐藏播放,
  • 即不显示播放器的外观,若要想显示,把"true" 替换
  • 为"false"即可,这样为默认是最小化播放,
  • 若还想具体显示播放器的大小,另加上height="高度值"
  • width="宽度值"  就可以了。
  • -------autostart="true"表示当前页一载入则自动播放,
  • 若不希望播放改为autostart="false
  •  --------hidden="true"表示隐藏播放,
  • 即不显示播放器的外观,若要想显示,把"true" 替换
  • 为"false"即可,这样为默认是最小化播放,
  • 若还想具体显示播放器的大小,另加上height="高度值"
  • width="宽度值"  就可以了。
  •   (5).插入音乐地址的修改
  • 音乐文件地址
  •  type=audio/x-pn-realaudio-plugin width=200 autostart="true"
  •  controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1">
  • 代码格式都一样,你只要修改音乐地址就可以了
  • 高度height=200 宽度width=200
  • 是mp3就改height=0 宽度width=0
  • 3、怎样在音画帖子中的图片上添加透明FLASH:
  • 代码如下:
  •  
  • 例1:
  •  
  • border=10 bordercolor=#84B98D background=图片地
  • >
  • 透明FLASH网址 width=590
  • type=application/x-shockwave-flash quality="high" menu="false"
  • wmode="transparent">
  • 说明:width图片宽度  height图片高度
  • 注意:长和宽的设定要根据图片的实际大小来设定。
  • 例2:
  • background=http://znrs.2000y.net/UploadFile/2004-2/200422114432149.jpg border=5>
  • src=http://www.forshine.net/flash/19.swf width=460 height=340
  • type=application/octet-stream
  • wmode="transparent" quality="high" ;;>
  • src=http://www.forshine.net/flash/9.swf width=460 height=340
  • type=application/octet-stream
  • wmode="transparent" quality="high" ;;><>




  • 说明:height=398  width=600 是控制图片的宽度和宽度
  •        width=460 height=340    是控制透明FLASH的高度和宽度(设置时候一般不要大于图片的高度和
  • 宽度)
  •  
  • 4、怎样在音画帖子中的图片上添加其它FLASH:
  • (1)普通的flash的插入代码:
  • 地址
  • type=application/x-shockwave-flash width=700 height=1800  wmode="transparent" quality="high">
  • (2)无限制的flash的代码:
  • EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px"
  • align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent"
  • quality="high" ;;>
  • (3)大型flash 的代码:
  • 300px" align=right src=地址 width=500 height=1500 type=application/octet-stream
  • wmode="transparent" quality="high" ;;> (说明:TOP: 900px 是指FLASH与帖子上边之
  • 间的距离(也就是FLASH与IE的距离)、LEFT: 50px 是指FLASH与帖子左边的距离、WIDTH: 00px 
  • HEIGHT: 300px 是指FLASH定位的范围宽度和高度、后面的width=400 height=3000
  • 就是指FLASH的宽和
  • 高了)。
  • (4)双层flash的代码:
  • wmode="transparent" quality="high">
  • type=application/octet-stream wmode="transparent" quality="high">
  •  
  • 5、怎样制作滚动字幕效果:
  • (1)文字在边框背景中居中滚动:
  • 教你如何制作滚动字幕
  • 滚动字幕需要用到 marquee 元素
  • MARQUEE 的主要参数及其含义是
  • Derection:文字滚动方向
  • Width 和 Height:窗口的宽度和高度
  • ScrollDelay:延迟(单位为毫秒)
  • ScrollAmount:移动的步长
  • 最后别忘了用 br 给每一行文字换行
  • 现在,你也可以制作滚动字幕了吧?
  • (2)文字在图片上居中滚动:
  • (a).
  • background=http://image7.360doc.com/DownloadImg/2010/01/2504/2222673_4.jpg border=0>
  • 教你如
  • 何制作滚动字幕
    滚动字幕需要用
  • 到 marquee 元素
    MARQUEE 的主要参数及其含义是
    Derection:
  • 文字滚动方向
    Width 和
  • Height:窗口的宽度和高度
    ScrollDelay:延迟(单位为毫秒)

  • ScrollAmount:移动的步长
  • 后别忘了用 br 给每一行文字换行
    现在,你也可以制作滚动字幕

  • (b).
  •  background=
  • http://image7.360doc.com/DownloadImg/2010/01/2504/2222673_4.jpg
  • border=0>
  • width=475 background=http://xz.2000y.net/100007/../../admin/.
  • ./../admin/uploadpic/200411502633442.jpg height=320>
  •  src=http://imgfree.21cn.com/free/flash/61.swf width=475 height=425
  •  type=application/x-shockwave-flash wmode="transparent" quality="high">
  • 美丽青春!
  • <BR>
  • >
  • 文字在图片上的定位代码说明:
  • direction=移动方向 可选值为向上(up) 向下(down) 
  • 向左(left) 向右(right)
  • behavior=移动方式, scroll 一圈一圈绕着走, slide 只走一次,
  •  behavior=alternate 来回走
  • width=宽度  height=高度  scrolldelay=速度  
  • scrollamount=位移 
    表示换行
  • 上面的参数大家可以根据不同的情况自行调节。
  •  
  • (3)、文字在雾化图片上的居中向上滚动:
  • height=500 width=550 background=
  • http://www.ytren.com/tp/bbs/200607/21/2006721135273997.jpg border=0>
  • 以青海省西宁市为起点
    至西藏自治区拉萨市的青藏铁路

  • 全长近2000公里。
    沿途经过青海湖、昆仑山、

  • 可可西里、三江源、藏北草原

  • 布达拉宫等我国乃至世界著名的景区景点

  • 是一条充满神秘色彩的顶级旅游风景线

  • 铁路将青藏高原一望无际的戈壁滩

  • 白雪皑皑的雪山、辽阔无边的草原等景观连在一起

  • 沿线景点美不胜收
    有野生保护动物的家园

  • ——可可西里自然保护区和羌塘自然保护区

  • 以及长江、黄河等大江大河的源头景观
  • 在蓝天、白云、帐篷、牛羊衬托下的草原上
  • 游客将目睹成群的藏羚羊
    藏野驴和黄羊等珍稀野生保护动物

  • (4).文字在雾化+透明FLASH图上居中向上滚动:
  • width=550 background=h
  • ttp://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg
  •  height=400 border=0>
  • <
  • /TBODY>
  •  size=5 ffaa00>以青海省西宁市为起点

  • 至西藏自治区拉萨市的青藏铁路
  • 全长近2000公里。
    沿途经过青海湖、昆仑山、

  • 可可西里、三江源、藏北草原
  • 布达拉宫等我国乃至世界著名的景区景点
  • 是一条充满神秘色彩的顶级旅游风景线
  • 铁路将青藏高原一望无际的戈壁滩
  • 白雪皑皑的雪山、辽阔无边的草原等景观连在一起
  • 沿线景点美不胜收
    有野生保护动物的家园
  • ——可可西里自然保护区和羌塘自然保护区
  • 以及长江、黄河等大江大河的源头景观
  • 在蓝天、白云、帐篷、牛羊衬托下的草原上
  • 游客将目睹成群的藏羚羊
  • 藏野驴和黄羊等珍稀野生保护动物
    <
  • /FONT>
  • POSITION: absolute; TOP: 800px; HEIGHT: 320px"
  •  pluginspage=http://www.macromedia.com/go/getflashplayer
  •  src=http://imgfree.21cn.com/free/flash/33.swf
  • width=420 height=320 type=application/x-shockwave-flash
  •  wmode="transparent" quality="high">
  • (5).又一文字向上滚动代码:
  • 愿平常人平常事论坛全体管理人员及会员齐心协力
  • 共同建设这个美好的网上家园!
  • 说明:size=5  改变数字可以改变字幕单行字数,数字越小单行字数越多。
  • (6)、文字向左滚动代码:
  • 愿平常人平常事论坛全体管理人员及会员齐心协力共同建设
  • 这个美好的网上家园
  • (7)、文字向右滚动代码:
  • marq愿平常人平常事论坛全体管理人员及会员齐心协力共
  • 同建设这个美好的网上家园!uee>
  •  
  • 6、怎样在图片上添加文字:
  • (1)文字居中
  • background=
  • http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg
  •  border=0>
  • 精彩无限
  • 文字在图片中的位置。由中的align=center决定。center:表示居中。
  • (2).文字居左顶
  • background=
  • http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg
  •  border=0>
  • 彩无限
  • top:表示文字居顶端。left:表示文字居左。文字居右顶
  • (right:表示文字居右)
  • bottom:表示文字居底部。right:表示文字居右。
  • bottom:表示文字居底部。left:表示文字居左。
  • (3)文字竖排居中
  • background=
  • http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg
  •  border=0>



  • 在每个文字之间加
    (换行代码)
  • 文字竖排居左顶(valign=top align=left )、
  • 文字竖排居右顶(valign=top align=right)、
  • 文字竖排居右下(valign=bottom align=right)
  •  
  • 7、怎样在透明FLASH上加字:
  • 代码:
  •  left:0px; width:530px; height:390px; overflow:
  • hidden">
  • http://homepage2.nifty.com/~kmid/flash/0406/sangosanran-c.swf"
  • width=630
  • height=480 type=application/octet-stream wmode="transparent" quality="high">
  • style="filter:chroma(color=#ffff66)">
  • style="width:100%;filter:glow(color=#00ff00
  • strength=19);color:white">华文新魏; FONT-SIZE: 40pt;"
  • color=#ffff66>
  • 我爱诗梦
  • 将FLASH做背景的关键有两点:
  • 1.FLASH一定要用透明代码,不然其他层放不上去.
  • 2.FLASH一般都露出背景色,可将FLASH尺寸设定比表格大,然后将top:
  •  和 left:设定负数来割去多余的背景色,以不露底为原则,割多了也影响美观.
  • 8.用代码在透明FLASH上写字
  •  POSITION: relative; TOP: 0px; HEIGHT: 420px">
  • <
  • EMBED src=http://homepage2.nifty.com/~kmid/flash/budou.swf
  • width=630 height=480 type=application/octet-stream wmode="
  • transparent" quality="high">
  • WIDTH: 100%; COLOR: white"> FONT-FAMILY: 华文新魏" color=#ffff66>伊人素材
  •  
  •  

     

     

    9.几种贴图效果

    (1).椭圆形雾化:

     

    (2).矩形雾化:

     

    width=550 background=

    http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg

     height=400>

     width=550 background=

    http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg

    height=400>

     

     

    (3)、矩形(图中有白晕:)

    height=364 width=500 align=center background=

    http://www.hpp888.net/UploadFile/2005-1/2005122193656420.jpg

     table>

    (4)、矩形(图片变紫色):

     align=center background=

    http://www.hpp888.net/UploadFile/2005-1/2005122193656420.jpg

     table>

    (5)、矩形(图片边缘残缺):

    phase=45,strength=10)" width=550

     background=http://china.dayoo.com/img/2006-06/15

    /xin_020603151305276269025.jpg height=400>

     

    (6)、矩形(反色  黑白效果)

    http://china.dayoo.com/img/2006-06/15/xin_0

    20603151305276269025.jpg height=400>

    (7).椭圆型带透明FLASH虚化:

    und=http://www.rosylife.net/UploadFile/2005-5/2005511

    222146934.jpg border=0>

    75 background=http://xz.2000y.net/100007/../../admin/..

    /../admin/uploadpic/200411502633442.jpg  height=320>

    go/getflashplayer src=http://imgfree.21cn.com/fre

    e/flash/61.swf width=475 height=425 type=applica

    tion/x-shockwave-flash quality="high" wmode="transp

    arent">

    10.怎样使图片之间有间距:

    方法1:直接在图片代码之间加入
    可以根据你的需要连加多个。

    当然是越多就空得越大了。一个
    相当于一个空行。

     方法2:在图片之间插入表格,选择相同的背景颜色。(

    这个表格我特意选了不同的颜色,方便对比与方法1的不同。

     

    11.图片雾化+透明FLASH效果:

    (1)、椭圆:

     width=420 background=http://china.dayoo.com/img/2006

    -06/15/xin_020603151305276269025.jpg height=320>

    c=http://imgfree.21cn.com/free/flash/33.swf width=420

     height=320 type=application/x-shockwave-flash

     quality="high" wmode="transparent">

    (2)、矩形:

     

    width=420 background=http://china.dayoo.com/img/200

    6-06/15/xin_020603151305276269025.jpg height=320>

    tflashplayer src=http://imgfree.21cn.com/free/flash/33.swf

     width=420 height=320 type=application/x-shockwave-flash

    quality="high" wmode="transparent">

     

     

    12、文字在图片+透明FLASH向上滚动:

     

    (1)、

     borderColorDark=#fff000 cellPadding=0 width=500 borde

    rColorLight=#fff000 background=http://www.ruiheda.com

    /bbs/UploadFile/2005-12/2005123121365067340.jpg border=12>

    lash/130.swf width=500 height=350 type=application/

    octet-stream wmode="transparent" quality="high" ;;>

    祝新年快乐!

    (2)、

    borderColorDark=#ffffff cellPadding=0 width=490

    borderColorLight=#ffffff background=http://www.ru

    iheda.com/bbs/UploadFile/2006-1/2006119192779573.jpg border=12>

     

    free/flash/69.swf width=490 height=360 type=a

    pplication/octet-stream wmode="transparent" quality="high" ;;>

    向太阳

    <

    /TD>

    (3).添加两组FLASH的文字滚动:

    470 background=http://bjaab.go3.icpcn.com/11AB.jpg border=11>

    //yeolkklo.com.ne.kr/Movie10-18.swf width=470

    height=380 type=application/x-shockwave-flash

    twffan="done" wmode="transparent" menu="false"

     quality="high" tybe="application/x-shockwave-

    flash">

    ow.com/bbs/UploadFile/2004-9/2004927102950818

    .swf width=470 height=380 type=application/octet

    -stream twffan="done" wmode="transparent" quality=

    "high";>

    height=250>

    新年快乐!

    13、HTML代码制作上层图片透明移动效果

     BORDER-TOP: #9b0000 6px ridge; MARGIN-TOP: 150px;

    LEFT: -180px; MARGIN-BOTTOM: 150px; BORDER-LEFT:

    #9b0000 6px ridge; WIDTH: 812px; BORDER-BOTTOM:

     #9b0000 6px ridge;

    POSITION: relative; TOP: 80px; HEIGHT: 612px" cel

    lSpacing=0 cellPadding=0 border=0>

    width=800 background=

    http://www.dabaoku.com/ad/images/nihao.gif    border=0>

    <

    /TBODY>

    vior=sli

    de loop=2 height=600>

    ellSpacing=0 cellPadding=0 width=800 background=

    http://www.517sc.com/ASP/bbs/UploadFile/2004-5/20045212158996191.jpg  

    border=0>






     

    14、给FLASH加上边框:

    代码如下:

    ellPadding=15 width="100%" background=http://bbs.xxj

    y.net/UploadFile/2005-5/2005516112515494.jpg border=1>

     

    "100%" background=http://bbs.xxjy.net/UploadFile/2005

    -5/200551615172416.jpg border=1>

    ing=0 width="100%" border=0>

    TABLE>

    go/getflashplayer src=http://bbs.xxjy.net/UploadFi

    le/2005-5/2005516112648454.swf width=480 height=3

    60 type=application/x-shockwave-flash wmode="tran

    sparent" quality="high">

     

     

    15、框中向左移动的图片:

    ing=0 width=650 background=http://shm.2000y.net/Up

    loadFile/2005-1/2005123163832920.gif border=1>

    g=0 width="100%" background=http://bbs.xxjy.net/Uploa

    dFile/2005-3/200531785745580.jpg border=1>

     

     

    =0 width="100%" background=http://bbs.xxjy.net

    /UploadFile/2005-3/200531785142955.gif border=1>

     src="http://download.macromedia.com/pub/shock

    wave/cabs/flash/swflash.cab#version=6,0,29,0" w

    idth="431" height="98">

                   

                   

                   

                   

    ality="high" pluginspage="http:

    //www.macromedia.com/go/getflashplayer" type="appl

    ication/x-shockwave-

     

     

     

    19.怎样发全屏帖?

    也就是在做帖子的第一个边框时,输入下列的代码

    ION: relative; TOP: 80px" cellSpacing=35 ali

    gn=center background=图片地址 border=0

    20.怎样在透明FLASH上加字~~代码:

    px; width:530px; height:390px; overflow: hidden">

    left: -50px">

    http://homepage2.nifty.com/~kmid/f

    lash/0406/sangosanran-c.swf" width=630 height=480

    type=application/octet-stream wmode="transpare

    nt" quality="high">

    er border=0>

    ">
     strength=19);color:white"> 华文新魏; FONT-SIZE: 66pt;" color=#ffff66>

    我爱贴图

     

    21.旋转的透明立方体:

    FONT-SIZE: 11pt; OVERFLOW-X: hidden; WIDTH: 97%;

     WORD-BREAK: break-all; TEXT-INDENT: 24px; LIN

    E-HEIGHT: normal; HEIGHT: 310px; WORD-WRAP:

    break-word" onload="this.style.overflowX=''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''

    '''''''''''auto'''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''

    ''''''''''''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''''''''''''''''''''''''''''

    '''''''''''''''''';">

    flashplayer align=9 src=http://flash.picturetrail.com/pf

    licks/m_acrobatcube.swf width=400 height=460 type=applicat

    ion/x-shockwave-flash flashvars="img1=http://moonabc.16789

    .net/s-helpSite/domName/m

    oonabc/20057155585798204.jpg

    &img2=http://moonabc.16789.net/s-helpSite/domName/mo

    onabc/20057147135767228.jpg

    &img3=http://moonabc.16789.net/s-helpSite/domName/moo

    nabc/20057155591899287.jpg

    &img4=http://moonabc.16789.net/s-helpSite/domName/moon

    abc/20057155575133152.jpg

    &img5=http://moonabc.16789.net/s-helpSite/domName/mo

    onabc/20057155581585696.jpg

    &img6=http://moonabc.16789.net/s-helpSite/domName/moo

    nabc/20057147124294925.jpg

    &faceopacity=80&backopacity=100&cubecroptofit

    =1&enlargecroptofit=0&test=1" wmode="transparent"

    loop="false" quality="high" bgcolor="#FFFFFF" ><

    /EMBED>

     

    22.在透明FLASH上加字:

    530px; POSITION: relative; TOP: 0px; HEIGHT: 390px">

    olute; TOP: -50px">

    .nifty.com/~kmid/flash/0406/sangosanran-c.swf wid

    th=630 height=480 type=application/octet-stream q

    uality="high" wmode="transparent">

     WIDTH: 100%; COLOR: white">t; FONT-FAMILY: 华文新魏" color=#ffff66>美丽的海底世界

    eight=390 cellSpacing=0 width=530 border=23>