http://blog.sina.com.cn/bbtv[订阅]
字体大小: 正文
Blog源代码一网打尽(2006-02-14 13:10:00)
1】插入图片
<img src="http://图片地址" border="0" width="344" height="255">

  代码中的图片地址就是网上以 .jpg .bmp .gif 结尾的网址,在网页的图片上点右键查看“属性”就可以看到地址和尺寸,“width”是宽度,“height”是高度。
如何给滚动图片加超链接?
用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现边框。例子如:

<a href="http://www.qqjia.com"><img src="http://www.qqjia.com/images/logo.gif" border="0" width="148" height="72"></a>

【2】插入左右滚动图片
<MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img src="第一张图片地址"><img src="第二张图片地址"></MARQUEE>

代码含义补充说明:
1.图片尺寸为原始大小
2. scrollAmount 它表示速度,值越大速度越快。
3. width 是滚动区域的宽度,height 滚动区域的高度。
4. 加入onmouseover=stop() onmouseout=start()代码,鼠标指向循环文字图片时他们会停止滚动,鼠标离开时继续滚动。
5.如何给滚动图片加超链接?
用<a href=>和</a>把<img>包围,并且img必须设border=0,否则图片会出现边框。4个图片带连接,在新窗口中打开中秋节贺卡的例子如:

<MARQUEE width=200 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0620.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0620.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0621.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0621.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0622.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0622.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0623.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0623.gif" border="0"></a></MARQUEE>

走马灯式的QQ秀代码

<MARQUEE scrollAmount=3 loop=infinite &#111;nmouseout="start()" &#111;nmouseover="stop()" deplay="0"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx9ouxU_fNRELWGGVj_3bnWwzekCPgObiRhRiBTc3IX4UkaXCBiSOmfUxY2svdXNE3tfiABpYbK8g5Hdbx2DV4mKc5zg-9dMXd5LwZoJ20fxj"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx5io61iYnCF41_4RC-MoC1eUOvCvCHAQmEppg1KEu1fEVIEfJsb-6N9CL19UA1s9JlKGhsRPVLJHCrrRhhWwav53pjW78_b2gphoMJK70DpZ"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx-8lK1h4Iqf-2Y8LCb4yWGLO9vYPgJbakefVolFLaMPwFHTZbcxkTeLg3k63FQPY9wmJf3R0NEQeVdBVkntBgJqGvwlK9xpVEEkyF5NTlxPb"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx43xXlOhpUhXCpFHpet7cEOtwNxX_pSkLaYh-_qA7NW8d9LvV1gB_n8DymVuA1PTwuEecymB4RQDyYBVSV03wcBrEtKHD2S7UA0VgpZMwIFx"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx_4mcIsarAYbLJZyPrgHuCS7et7gyC2ldr8ONaH1pw4ySaQ9WHK3g22JhMgScToLzhjS6MLMScaAimeCvgd5K-K6UqZu84QJIhG74-qoKP1U"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx-9ju48B2qX-ZtwbYGqC25rbGsdnS15QErUo5BWNtT9fvfraVEwR7qtEeb8lgnJi0o8W0EeElhoh3RHymaYPUuQdoK20ep3RGQW6tkwaK6Wl"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anxx37f7mzejb-hfRUrqOSodPDD0m4tuiIJ8e9O-EL-gKJ-Hhcu5kSQuxSL8JdCg3VqKuB8xQ97-pJ4cmJlgRNw6mu4R3KL9RhXYgU4GiJIz2W"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx59UHkfyQwD3wwPf3LGScW6_VBF8BO8Ringo3OIY2yozMEcQr4TJk0oSFKoqPavRtA55K35KH8CL77-Kmr1E1PbxfsQmebG7FZHxZybHtAec"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx8KpxXTZ4JMpB42hv1xZFFc_TR2nR_uXA-V7wSe4ISWnOVkgssTNCEXjL8_cWI0FQmEMvim_J0y7vX0nyYB3lEf-y2dLxT5cXRVJYD-9B10L"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx6fqAUFNvb_v6z5R_J6JKerL8bVxtKaErQgLznl856wubQ3bZMaQu0B7lzRI26BWgKbtNkR1ytV7s1EI8RFCwWZ8hJu2G-MA5MUg-afs9wsk"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx1GabixVtergB4YLubAR-UMHz6Be3So4mrTnMkTr86cNPgIXGBg780oAOromfNQls0uNjQV2mR7ro-KAlKvs7w5sAVnYv0df7vWYGRFs82W6"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx0QC1O7E6bk2Aa8uJDE0AUySarrPP70tc8c-ZzRtYmyQeh6X7O7COFzUSHcg_P7v-ltYnkva_HDhAPNEXy3cejhSWixWj1Dd0qIEsM3Zuzkc"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx8BL8Hpcs4o6IBEecGTf0FDxG7HZO0J_6T69ZOSu0lWSCmcUaAA-MvSUWTzvYVYwUuAnlKSrMo4eB8EukpGJKrKAMCCrLyLTPqxTbvKVsF4T"></MARQUEE>
<DIV></DIV>

【3】插入FLASH的代码

<DIV>
<P align=center><EMBED src=http://www.flashmusic.com.cn/flash/2005-11/24ACmilan.swf width=500 height=350 type=application/x-shockwave-flash></P></DIV>
<DIV></DIV>

【4】视频代码一例

<DIV>
<P><IMG style="WIDTH: 173px; HEIGHT: 173px" height=173 loop=infinite dynsrc=http://www.photocen.com/videodata/186/zN9EOz92558.WMV width=173 align=left></P>
<DIV></DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>超女决赛张靓颖:我和我的祖国</DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>  加了许多空格是排版需要,实际使用时可以删除

以下摘自网友答爱问

<embed>标签来编写播放媒体文件的代码了。语法:

格式一:<embed src=地址 autostart=值 loop=值 widht=值 height=值 type=值>

格式二:<embed src=地址 autostart=值 loop=值 hidden=true type=值>

格式一适用于显示播放界面的情形,格式二适用于隐藏播放界面的情形。

下面分别讲解各参数的取值规定和要求。

src:媒体音乐地址。地址要完整、有效。如果文件名包含非英文字符,建议整个地址用小角双引号引起来。

autostart:是否自动播放(即一打开帖子就播放与否)。true为自动,false为手动。

loop:是否循环播放。true为循环,false只播放一次;也可用正整数表示播放多少次,比如等于3表示播放3次。

width:播放界面的宽度。建议在300到500之间。

height:播放界面的度度。这个很讲究。针对音频文件,视频界面是没有必要出现的,为此,WMP播放机设置为45非常合适,RP播放机为85较好;有视频的则根据情况设置。

hidden:是否隐藏播放界面。格式二语法式样中设置为true,即不可见,如果设置为false,则表示可见,但若不设置width和height,它的样子是不好看的。有不少人也用width=0 height=0来隐藏播放机的播放界面,其是这样是隐藏不了的,WMP有一个点,RP有一条竖线。

type:这是一个重要的值,用于指播放机的插件类型,一些论坛会根据有效的src自动给出type类型(这类论坛我们编写代码时可以省略type),但也有的论坛不会自动给出类型,需要用户指定。type的取值依据和取值规定是:

WMP类:audio/mpeg (wma的可用audio/x-ms-wma,不过都一样)

RP类:application/octet-stream

Flash:application/x-shockwave-flash

【5】图文结合滚动条代码一例

<DIV></DIV></FONT></FONT>
<DIV align=right><IMG style="WIDTH: 180px; HEIGHT: 291px" src="http://www.znol.com.cn/news/UploadFiles/200592215941102.jpg" align=left border=0> </DIV>
<DIV>
<DIV style="BORDER-RIGHT: #000000 0px dotted; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 9pt; OVERFLOW-X: hidden; OVERFLOW: scroll; BORDER-LEFT: #b6d1f5 0px dotted; WIDTH: 311px; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 12pt; SCROLLBAR-ARROW-COLOR: #004848; BORDER-BOTTOM: #b6d1f5 0px dotted; FONT-FAMILY: Verdana; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 291px" align=left>
<P><A href="http://book.263.net/20040330/3336.html" target=_blank>00·《一生必读的60本书》</A><A target=_top><IMG height=80 src="http://www.cidpx.com/Article/UploadFiles/200412/20041219180343617.jpg" width=100 align=right border=0></A> <BR>01·《圣经》 <BR>02·《论语》 <BR>03·《物种起源》 <BR>04·《全球通史》 <BR>05·《君王论》 <BR>06·《史记》 <BR>07·《孙子兵法》<BR>08·《三国演义》<IMG height=80 src="http://image2.sina.com.cn/hs/d/p/2005-05-10/U1249P361T1D1089F31DT20050510152143.jpg" width=100 align=right border=0></A><BR>09·《战争论》 <BR>10·《水浒传》 <BR>11·《曾国藩家书》 <BR>12·《毛泽东传》 <BR>13·《汤姆叔叔的小屋》 <BR>14·《红与黑》 <BR>15·《红楼梦》 <BR>16·《悲惨世界》 <IMG height=80 src="http://xffcw.com/uploadfile/2005826104171.jpg" width=100 align=right border=0></A> <BR>17·《百年孤独》 <BR>18·《老人与海》 <BR>19·《国富论》 <BR>20·《胡雪岩全传》 <BR>21·《飘》 <BR>22·《钢铁是怎样炼成的》 <BR>23·《西游记》 <BR>24·《呐喊》 <IMG height=80 src="http://www.hsw.net.cn/design/2005-02/28/95cc47376ccc33a58ddec9c829ad729a.jpg" width=100 align=right border=0></A> <BR>25·《小王子》 <BR>26·《本草纲目》 <BR>27·《昆虫记》 <BR>28·《倾城之恋》 <BR>29·《一千零一夜》 <BR>30·《堂吉诃德》 <BR>31·《变形记》 <BR>32·《吉檀迦利》 <BR>33·《欧也妮·葛朗台》 <BR>34·《哈姆莱特》 <BR>35·《简·爱》 <BR>36·《雷雨》 <BR>37·《茶花女》 <BR>38·《神曲》 <BR>39·《梦的解析》 <BR>40·《雪国》 <BR>41·《边城》 <BR>42·《喧哗与骚动》 <BR>43·《复活》 <BR>44·《罪与罚》 <BR>45·《四世同堂》 <BR>46·《生命中不能承受之轻》 <BR>47·《围城》 <BR>48·《情人》 <BR>49·《西厢记》 <BR>50·《苏菲的世界》 <BR>51·《瓦尔登湖》 <BR>52·《穆斯林的葬礼》 <BR>53·《冰心散文选》 <BR>54·《日瓦戈医生》 <BR>55·《美的历程》 <BR>56·《麦田里的守望者》 <BR>57·《伊索寓言》 <BR>58·《活着》 <BR>59·《我的精神家园》 <BR>60·《我与地坛》 <BR>
<P></P>
<DIV></DIV></DIV></DIV>

【6】MSN自定义HTML模块一例(第一频道的备份)

【7】flash时钟

<DIV>现在时间</DIV><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=时钟网址 width=180 height=150 type=application/x-shockwave-flash quality="high"></EMBED>
<DIV></DIV>

时钟网址可以用以下网址替换。
时钟网址:

http://lizi50.dnsmy.com/shizhongku/clock2.swf  
http://lizi50.dnsmy.com/shizhongku/Clock3.swf   
... ... 
http://lizi50.dnsmy.com/shizhongku/Clock36.swf  

【8】金鱼水珠雪花代码
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 1px; HEIGHT: 600px" align=right src=http://www.52cr.cn/images/fish.swf width=500 height=2000

type=application/octet-stream ;; quality="high" wmode="transparent">  这是金鱼的代码

<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 1px; HEIGHT: 600px"
align=right src=http://www.china-holiday.com/images/flash/009.swf width=500 height=2000
type=application/octet-stream ;; quality="high" wmode="transparent">这是水珠的
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 1px; HEIGHT: 600px"

align=right src=http://www.china-holiday.com/images/flash/005.swf width=500 height=2000

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

【9】教在你的BLOG里加入可爱的时钟
复制以下代码<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style=\'position:absolute;top:90;left:10;\'><EMBED src=\'http://qqjia.com/learn/q-zone/cl/clock17.swf\' quality=high wmode=\'transparent\' WIDTH=\'180\' HEIGHT=\'180\' TYPE=\'application/x-shockwave-flash\'></div>';">
注:WIDTH: FLASH时钟的宽度
HEIGHT:FLASH时钟的高度
top: FLASH时钟与空间顶端的距离
left:FLASH时钟与空间左端的距离
这样你就可以随意调整时钟的大小及在你BLOG里的位置了

【10】个性化光标
1复制以下代码   <img src="javas&#99;ript:document.body.style.cursor='url(\'http://www.qqjia.com/learn/q-zone/ani/1.ani\')'">     注:括号内不含\'部分是光标地址,可以根据自己的爱好更换

【11】浮动挂件代码

左侧代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>
 
右侧代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>
 
参数说明
1、clientWidth后面负数的绝对值越大,图片越靠近左侧
2、clientHeight后面负数的绝对值越大,图片越靠近上部
3、“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片。
注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px好
 
我的悬浮图片源代码说明:(相当于右侧浮动挂件代码,但是加了超级连接文字说明)相当实用
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-200); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center">
<P></P><A href="http://blog.sina.com.cn/m/fuqiang"><IMG alt=河東★河西欢迎你 src="http://blog.sina.com.cn/pic/47336d97ec00f6eb10848" border=0></DIV>
<DIV></DIV>
黄底色部分为插入超级连接的源代码 灰底色部分为插入文字说明的源代码 粉色部分为悬浮图片的地址 注意次序不要颠倒

文章引用自:http://http://blog.sina.com.cn/m/fuqiang

前一篇:千千阙歌 - 陈慧娴
后一篇:qq秀
  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...