注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

代码  

2007-10-01 13:37:13|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

全能播放器博客代码:

<DIV><EMBED src=http://www.aeeboo.com/mp3player/mp3player_SV.swf?xmlfilepath=playersxml/1/whldjy_3160.xml&amp;serverpath=http://www.aeeboo.com/mp3player/ width=180 height=150 type=application/x-shockwave-flash quality="high" scale="noborder" wmode="transparent"></DIV>

 

1)贴图:<img src="图片地址">

附:图片大小:<img src="图片地址"height=200>

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

                 (在width="100%" 前加height=400 可以调整画面大小,400是调整大小的数值)

15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>

24)空格:&nbsp

 

附:

《如何提取网页中的flash地址?》:

我们在浏览网页的时候有可能看到一个很不错的flash文件

如果你想下载或者转发该怎么办呢?

其实不难

我们只要在网页空白的地方点击鼠标右键选择查看源文件

再按ctrl+f查找.swf

一般就可以看到flash的真实地址了

有了这个地址下载和转发就都不难了 

 

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

 

播客实用代码:

一、在摘要中插入图片:

1、不带链接的图片

<IMG src="图片地址">

2、带链接的图片:

<TABLE cellSpacing=0 width=400 border=0>
<TBODY>
<TR>
<TD width=219><A href="文章地址" target=_blank><IMG alt="点击图片查看全文" src="图片地址" border=0></A></TD>
<TD width=177>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>

3、带链接、带说明文字的图片:

<TABLE cellSpacing=0 width=600 border=0>
<TBODY>
<TR>
<TD width=300><A href="http://www.sunmood.com/ewebeditor/文章地址" target=_blank><IMG alt="点击图片查看详&#13;&#10;&#13;&#10;细" src="http://www.sunmood.com/ewebeditor/图片地址" border=0></A></TD>
<TD width=217>
<P>说明文字</P>
<P>说明文字<BR></P>
<P>&lt;点击图片看详细&gt;</P></TD></TR></TBODY></TABLE><BR>

 4带链接的图片:

<a href="网址"></a>
<description><div> <a href="网址同上">
<img src="图片地址" border="0" width="240" height="159"/> </a>
5带链接的图片:

</a> <a target="cont" href="地址"><img src="图片地址" width="100"

height="100" border="0"></a>

 

 

二、文字链接:

1、<a href="所要连接的相关地址">写上你想写的字</a>

2、<b><a href="连接地址" target=_blank><font color=red>写上说明文字</font></a></b><br>

 

 

 

三、在主页自定义中贴图:
1、<img height="260" src="图片地址" width="180" border="0" />
2、<img src="图片地址">

 


四、在日志里添加播放器:(既:在日志里贴音乐)
(注:MP3歌曲链接地址查找方法:
在网上百度查到MP3歌曲后,试听,在试听的小播放器上,点右健,点属性,里面有

个地址,就是此歌的链接地址。)
1、一般样式的:

<EMBED                          

src="http://www.cydj.net.cn/jinxiu/zhongjiaobu/dili/_private/歌曲/1.mp3"

width=310 height=35 type=audio/x-pn-
realaudio-plugin controls="ControlPanel,StatusBar" autostart="true"
loop="true">
在HTML状态下:
修改这个代码 autostart="0",    1 为自动播放      0 为手动播放
把loop的值改为“1”就成了循环放歌了。
2、一般样式的:

<EMBED src="http://bbs.wenhuacn.com/UploadFile/2006-

7/200672211283114.mp3" width=310 height=35 type=audio/x-pn-
realaudio-plugin controls="ControlPanel,StatusBar" autostart="true"
loop="true">
3、一般样式的:<embed                                                              

src="MP3地址" type="audio/x-pn-realaudio-plugin"

controls="ImageWindow,ControlPanel,StatusBar" border="0" width="100%"

height="42" autostart="1" loop="1"></embed><marquee width="98%"

behavior="alternate" scrollamount="3"> 歌曲名</marquee> (歌曲名来回走动

4、透明式的(自动播放):

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=歌曲地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="1" volume="0" EnableContextMenu="0" showstatusbar="1" console="video"></TD></TR></TBODY></TABLE>

5、长方形自动跳跃音波式:

<P align=center>&nbsp;</P>
<P align=center><STRONG>
<DIV align=center>
<TABLE style="BORDER-RIGHT: white 3px inset; BORDER-TOP: white 3px inset; BORDER-LEFT: white 3px inset; BORDER-BOTTOM: white 3px inset" cellSpacing=0 cellPadding=0 width=300 background=http://www.mypcera.com/photo/65/culture/art/music/17.gif border=10>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma (Color=''''#FFFAFA'''')" height=30 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=295 border=0>
<TBODY>
<TR>&lt;TD red'" '"&gt;
<P><EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 295px; HEIGHT: 38px" src=歌曲地址type=video/x-ms-asf autostart="true" loop="1" volume="0" ></P></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P>&nbsp;&nbsp; </P></STRONG>

6、一般样式的:

<embed src="音乐地址" width="宽度" height="高度" autostart=false>


7、一般样式的:

<embed autostart="true" loop="-1" controls="ControlPanel" width="0"

height="0" src="midi,asf,wma,asx类音乐地址"; >

8、让歌名来回走动的:

<embed                                                                                                             src="MP3地址" type="audio/x-pn-realaudio-plugin" controls="ImageWindow,ControlPanel,StatusBar" border="0" width="100%" height="42" autostart="1" loop="1"></embed><marquee width="98%" behavior="alternate" scrollamount="3"> 歌曲名</marquee> 
9、更多款式的:(玫瑰夫人)
http://blog.163.com/xxyy9090/blog/static/456485200692053140876/

10、免费大型MP3播放器代码
http://qjhwqs.home4u.china.com/other/gxwj/dm/1.htm
11、提供十款播放器代码(精)
http://qjhwqs.home4u.china.com/other/gxwj/dm/2.htm
12、提供随机背景音乐代码
http://qjhwqs.home4u.china.com/other/gxwj/dm/3.htm

 

 

五、在日志中贴flash:
(注:查找FLASH链接地址:
有以下几种方法:
1、如果能全屏放大,全屏后上面的地址就是。
2、打开一个网页,上面有FLASH,点查看,点源代码,把它复制到记事本上,点记

事本的编辑,点查找,输入字母FLASH,点查找下一个,就会出现地址。把它复制到

上面的地址栏内打开试试。
3、将FLASH动画选定复制,多选上几行字无妨,回头再去掉既可。粘在发表文章页

面上,查看它的代码,找出它的链接地址。
4、第一,在线打开一个有效的视频,即能在线播放的视频。鼠标右键点视频窗口,选

择属性,在打开视频的属性的窗口中,找到视频的位置,文件后缀为.wmv,如

http://mtv2.mtvsite.com:88/she_cd.wmv复制即可!)


日志中贴flash代码如下:

1、<embed src="flash地址" width="宽度" height="高度">
2、<EMBED

pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?

P1_Prod_Version=ShockwaveFlash src= FLASH地址 width=800 height=600

type=application/x-shockwave-flash quality="high">

3、<embed width="0" height="0" type="audio/x-pn-realaudio-plugin"

autostart="true" controls="ControlPanel" src="音乐地址"; >
3、免费FLASH音乐代码

http://qjhwqs.home4u.china.com/other/gxwj/dm/4.htm
4、MTV在线播放和免费下载
http://new.down9999.com/
http://www.8888mtv.com/

 


六、让多幅图片移动、好友头象移动、带链接的文字移动:

http://www.blog.163.com/qsl955/blog/static/148070200681084138121/(摘自寒秋)

 

七:特效字、滚动字幕、移动图片、页面上飘浮的花等代码请进入:

http://www.blog.163.com/qsl955/blog/static/148070200610162920413/

 

 

 

八、自制名片:

性别显示图片、名子和连接地址、星座、地理位置(摘自寒秋)
<table width="100%"><tr><td style="padding: 2px;"><img style="border: 1px

solid rgb(153, 153, 153); width: 130px; height: 130px;"
src="个人头像连接地址"></td><td valign="top"><table

width="100%"><tr><td><img src="性别图片连接地址"></td></tr><tr><td><div

style="font-weight: bold;font-size:16px;"><a href="点击你的名子所连接的网

页的地址">你的名子</a></div></td></tr><tr><td><div>你的星座

</div></td></tr><tr><td><div>你所处的地理位置</div>


九、QQ在线交谈代码及POPO在线交谈代码:
1、<a target=blank href=tencent://message/?uin=你的QQ号吗

&Site=blog.163.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:

你的QQ号吗:10 alt="点击这里给我发消息"></a></div></td></tr><tr><td><div>
2、你可以在登陆QQ时,点QQ里个人设置的按钮,在显示的第一个面页右下方有生成

在线交谈代码,点击按照要求填写就行,生成的代码直接粘在上次代码下方就行。
3、网页POPO在线交谈(到POPO首页就可以看到,
http://popo.163.com/点网站通道

就可以看到了。)
4、单独的一个QQ在线链接(摘自寒秋)
在编辑状态中,点排版-----点模块-----点自定义------先新增----保存----编辑

----直接将代码复制进去:
<A href="
http://wpa.qq.com/msgrd?V=1&amp;Uin=你的QQ号码&amp;Menu=yes"

target=blank><IMG alt=点这里和我交谈 src=http://wpa.qq.com/pa?

p=1:82079522:1 border=0></A><BR></P></TD></TR>
将[你的QQ号码]改成你的QQ号就行----点保存就行了

 

 

十、为日志文字加上背景图片:

 

1、图片上静止不动的文字:

<TABLE height=600 cellPadding=10 width=500 align=left background=背景图片地址 border=3 table="0"><TBODY><TR><TD><DIV align=center><FONT face=楷体 color=#ff82ab size=4>日志文字</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>
2、图片上往上浮动的文字:
 1)、
<DIV align=center>

<TABLE height=160 width=450 background=图片地址>

<TBODY>

<TR>

<TD align=center valign=top><P></P><DIV><A href="http://blog.sina.com.cn/u/1147856110" target=_blank></A></DIV>

</TD></TR><TBODY>

<TR>

<TD>

<MARQUEE scrollAmount=1 scrollDelay=88 direction=up width=450 height=160>

<DIV>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FONT face=宋体 color=#990066 size=5>文章主题<BR>

</FONT></DIV>

<DIV><FONT face=宋体 color=#ff0000 size=1><FONT color=#990033></FONT></FONT></FONT></DIV>

<DIV>

<P align=left><SPAN style="FONT-SIZE: 11pt; LINE-HEIGHT: 20px; FONT-FAMILY: 宋体"><FONT color=#FF00CC > 文章内容</FONT></SPAN></P></DIV></MARQUEE></TD></TR></TABLE></DIV>

 

 

图片地址可从网上链结为动态flash,也可放入自己喜欢的图片,注:图片必须先上传到自己的博客,然后复制图片的链接网址加入即可;

窗口宽度代码width=450 高度代码 height=160可以根据您自己的实际设定,颜色代码    color=#990066 同样可以根据自己的喜好来修改。在文章内容中可以加入<BR>分行、<U>...</U>下划线、等等,请参照http://blog.163.com/xiubaotang/blog/static/162977432006101410546783  HTML语法大全

2)、

 <CENTER>&nbsp;</CENTER>

<CENTER>&nbsp;</CENTER>

<P align=center>&nbsp;</P>

<DIV align=center>

<CENTER>

<TABLE style="WIDTH: 612px; HEIGHT: 566px" cellSpacing=5 cellPadding=5 width=612 align=center background=图片网址 border=5 table>

<TBODY>

<TR>

<TD>

<P>

<P>

<MARQUEE scrollAmount=2 direction=up height=230><FONT size=5><FONT color=red>

<CENTER><BR><FONT color=#0000ff size=6>日志正文</FONT></CENTER>

</FONT></FONT></MARQUEE>

<P></FONT></P></TD></TR></TBODY></TABLE></CENTER></DIV>   

注:612是指图片宽   566是高度 

 

 

3、在图片中加入文字代码:

http://blog.163.com/qsl955/blog/static/14807020068181432680/

 

十一、访问者停留时间计数器

编辑-排版-模块-添加自定义HTML  然后把下面的代码放入:

1、

<DIV align=center><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002ub" width=32 border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV><BR>

其中的"您在这里停留了:" 是可以更改的(比如: 你在我的小窝里停留了:  等等)

 

2、

p>

<p align=center><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uq" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002up" width=15>&nbsp;分&nbsp;<IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002uo" width=15><IMG height=20 src="http://album.sina.com.cn/pic/4723cdbf020002un" width=15>&nbsp;秒</p> 复制上去

 

十二、制作FLASH时钟:

编辑-排版-模块-添加自定义HTML 然后把<embed src= 时钟FLASH地址 width="220" height="100" quality="high" wmode="transparent"></embed> 复制上去 就OK了

2、在主页加入FLASH时钟代码是:

<embed src='http://时钟地址'quality=high pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=100(宽) height=200(高)></embed>

其中宽和高是 FLASH显示出来的宽度和高度

多款时钟样式如下:

1、http://blog.163.com/qsl955/blog/static/1480702006881035236/

2、时钟大全:http://blog.163.com/qsl955/blog/static/14807020068103302717/

 

十三、 打开博客就听到欢迎光临的声音(摘自洁净柔柔)        

             

 <DIV>&nbsp;</DIV><BGSOUND balance=0 src="http://www.prcen.com/Share/media/welcome.WAV" volume=0>

直接复制在自定义上既可。

 

十四、制作立体图片代码:

http://blog.163.com/qsl955/blog/static/148070200692274424911/

 

十五、各种有趣的FLASH动画代码网:

http://blog.163.com/qsl955/blog/static/148070200681032544348/

 

十六:博客优化建设使用技巧(转自寒秋)

http://blog.163.com/qsl955/blog/static/14807020068722344771/

 

十七:公告栏(适用于博客首页,也可用于日志里)

1、无背景公告栏:(自下往浮动的文字)

<marquee scrollAmount=2 width=300 height=160 direction=up>·欢迎各位朋友光临寒舍!<br><br>·热忱欢迎各位好友与我链接,携手放飞梦想!<br><br>·本站内容纯属个人观点,请勿对号入座!<br><br>·本站自2006年9月1日迁入新版网易博客。<p></marquee>

 

2、简易公告栏:

&nbsp;

<P align=center><IMG height=32 src="http://img645.photo.163.com/prb999/71234886/1979632782.gif" width=200 border=0><BR>

<TABLE cellSpacing=0 cellPadding=0 width=200 border=0>

<TBODY>

<TR>

<TD background=http://img645.photo.163.com/prb999/71234886/1979632897.gif>

<P style="MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px" align=left><FONT style="FONT-SIZE: 9pt" color=#cc6600>

<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60>

<P><FONT color=#ff0000 size=3>朋友们,早上好!</FONT></P>

<P><FONT color=#ff0000 size=3>祝你一天都有好心情!</FONT></P></MARQUEE></FONT></P></TD></TR></TBODY></TABLE><IMG height=38 src="http://img645.photo.163.com/prb999/71234886/1979633023.gif" width=200 border=0></P>

 

3、小窗飘柳背景的往上浮动字公告栏:

<DIV userdefineclass">

<DIV style="OVERFLOW: hidden; WIDTH: 100%">&nbsp;

<P><EMBED style="RIGHT: 55px; WIDTH: 280px; TOP: 22px; HEIGHT: 100px" align=right src=http://imgfree.21cn.com/free/flash/178.swf type=application/x-shockwave-flash wmode="transparent" quality="high"></FONT></P></EMBED><EMBED style="LEFT: 4px; WIDTH: 408px; TOP: 5px; HEIGHT: 178px" align=right src=http://imgfree.21cn.com/free/flash/160.swf type=application/x-shockwave-flash wmode="transparent" quality="high">

<P></P></EMBED>

<P><FONT color=#ffffff></FONT></P>

<P><FONT color=#ffffff>

<MARQUEE style="WIDTH: 406px; HEIGHT: 175px" scrollDelay=300 direction=up>

<P align=left><FONT color=#000000>欢迎朋友们光临梅玉儿温馨家园我!<BR><BR></FONT></P></MARQUEE></FONT><FONT color=#000000><BR>

<CENTER></CENTER></FONT></MARQUEE></FONT>

<P></P></EMBED></DIV></DIV></DIV></DIV>

 

4、多款漂亮的公告栏:(转自尘世兰墨)

代码如下:

<CENTER> <TABLE height=168 cellSpacing=1 width=131 background=图片地址 border=0> <TBODY> <TR> <TD align=CENTER width=168 height=131> <MARQUEE scrollAmount=2 direction=up width=100 height=100>书写的文字</FONT></MARQUEE></TD></TR></TBODY></TABLE></CENTER>

height=168 width=131  公告板的尺寸

width=168 height=131  公告框的尺寸

width=100 height=100  公告文字的尺寸

    以上的代码实际上就是在图片上加一个写字的框,可以不用在代码形式下调整图片和文字框的大小,在正常情况下,鼠标单击,就可以调整大小!

5、带背景的往上浮动字公告栏:

<CENTER>

<TABLE width=190 border=0>

<TBODY>

<TR>

<TD background=http://bbs.flasher123.com/UploadFile/2006-5/2006541630737427.gif height=240>

<DIV align=center>

<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">

<P align=center>

<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>公告内容<BR></FONT></MARQUEE></P>

</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

1、代码中红色的部分就是背景图片的链接地址

2、代码中黄色的部分是使用的图片的高和宽,一定要设置成和图片一致,否则图片不能完整显示

3、代码中蓝色的部分是滚动文字的设置代码,direction=up向上down向下righ向右tleft向左

4、粉色的代码部分是文字从公告栏空白处出来时的高度,可以随意调节。

 

 

十八、细线表格制作代码:

<div align="center">

<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">

<tbody>

<tr bgcolor="#FFFFFF" height="20">

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<tr bgcolor="#FFFFFF" height="20">

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

 

博客秘笈:

http://blog.163.com/lzq.mail/blog/static/3895552006813101739741/

http://liupeng0327.blog.163.com/blog/static/92437302006113135827340/

有关动画代码http://blog.163.com/gsd_432427/blog/static/22911412007115104719521/

 

 

欢迎再来 横向移动字代码:
<br><big><font color="#FF0000"><marquee>欢迎再来!欢迎再来!欢迎再来~</marquee></font><big/>
<br>
<br></big>

 

移动字体红色宽距离:
<font color="#FF0000"><marquee>祝&nbsp;&nbsp;您&nbsp;&nbsp;国&nbsp;&nbsp;庆&nbsp;&nbsp;假&nbsp;&nbsp;期&nbsp;&nbsp;七&nbsp;&nbsp;天&nbsp;&nbsp;乐&nbsp;&nbsp~</marquee></font>
<br><br>

HTML常用字体代码:http://myok.bokee.com/2392969.html

 

 

可以将以下代码放入你的主页中,让主页上的文字更加丰富多彩!

代码中的文字、图片以及尺寸、字体、颜色等可以按照个人的喜好替换。

如果你想先预览效果,可以将你喜欢的文字代码复制粘贴到记事本中,并另存为html格式,然后打开就可以在IE中预览效果了。

1、彩色字体色彩绚丽

</font><br>

<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩

</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

2、阴影字体

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366

); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P>

<P align=center>阴影字体</P></FONT>

3、围边字体

</font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">

<P align=center><B>围边字体 体字边围</B></P></FONT>

4、投影字体

</font><br><P align=center> </P>

<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#000099>投影字体 投影字体</FONT></CAPTION> <BR></CAPTION></P>

5、抛射字体

<DIV align=center>

<DIV style="FILTER: shadow(color=#FF9999

, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B>

<CENTER>抛射字体</B></CENTER></FONT>

<DIV align=left><BR><BR></DIV></DIV></DIV>

<P align=left> </P>

6、带背景的闪光字体(背景图片可以换)

<P align=center><BR>

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://616bbs.vicp.net/picture/yn/hexiang/st4.gif>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#336699)">

<TABLE align=center background=http://lanxinzhu.nease.net/wangye/beijin/x1.jpg>

<TBODY>

<TR>

<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>带背景的闪光字体(背景图片可以换)</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

7、向上移动的文字

</font><br><P align=center>

<TABLE class=tablebody2 style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

8、向下移动的文字

<P align=center>

<TABLE class=tablebody2 style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

9、向左移动的文字

<P align=center>

<TABLE class=tablebody2 style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8>

<P align=center><FONT face=隶书 color=#ff0000 size=5><B>向左移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

10、向右移动的文字

<P align=center><BR></P>

<P align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向右移动的文字</B></FONT></P></MARQUEE></P>

11、由中间向两边移动的文字和图像

<P align=center> </P>

<P align=center><FONT face=华文彩云 color=#ee110e size=5>

<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="代码 - 启明星 -  http://lanxinzhu.nease.net/wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;">由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>

<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="代码 - 启明星 -  http://lanxinzhu.nease.net/wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;"></FONT></MARQUEE></FONT></FONT></P></FONT>

12、来回走动的文字

</font><br>

<P align=center> </P>

<P align=center>

<TABLE class=tablebody2 style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

<TBODY>

<TR>

<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

<DIV align=center>

<MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?>

<P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

13、波浪式的文字

</font><br><P align=center> </P>

<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>

<DIV align=center>

<MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="代码 - 启明星 -  http://lanxinzhu.nease.net/wangye/taozhuang/b2.gif">

<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

14、左右运动的文字

</font><br><DIV align=center>

<MARQUEE direction=right width=250 height=50>

<DIV align=center> <FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV>

<DIV align=center>

<MARQUEE width=250 height=50>

<DIV align=center><FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV>

15、其实倒影字就这么简单!

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单!</EM></B></FONT><FONT style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单!</EM></B></FONT></P>

16、原地跳动的文字

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>原</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>地</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>动</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

17、交替跳跃的文字

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>交</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>替</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>跃</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

18、模糊的背景字

<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>模</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=180>

<CENTER><B>糊</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>背</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=180>

<CENTER><B>景</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

19、穿梭的文字

<P><STRONG></STRONG>

<CENTER>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿 穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="代码 - 启明星 -  http://bbs.xxjy.net/UploadFile/2004-8/200482010539664.gif" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="代码 - 启明星 -  http://bbs.xxjy.net/UploadFile/2004-8/200482010539664.gif" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="代码 - 启明星 -  http://bbs.xxjy.net/UploadFile/2004-8/200482010539664.gif" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE><STRONG></CENTER>

20、彩虹文字

<P align=center>

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.3yz.net/tjxy/jiaocai/05.gif>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#336699)">

<TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080>

<TBODY>

<TR>

<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#336699><STRONG>彩虹字体</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

21、中间向上下移动语法:

<marquee direction=up onmouseover=this.stop() scrollamount=3 onmouseout=this.start><center><img src=http://infonavi.gznet.gov.cn/jingging/welcome/jinggingt/fangtu3/huace/53.jpg width=650></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="代码 - 启明星 -  http://infonavi.gznet.gov.cn/jingging/welcome/jinggingt/fangtu3/huace/53.jpg" width=650></div></center></marquee>

22、左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=华文行楷><b>!去回快</b></font><br><img src=http://www.tongtu.net/image/3/simeng/coolad.gif><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img src=http://bbs.000562.com/attachments/iv6m_0050.gif></marquee><br></marquee>

23、右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img src=http://bbs.000562.com/attachments/iv6m_0050.gif><font color=0000ff size=3 face=华文行楷>我在追“心”</b></font></marquee></marquee>

 

 

引用:多幅带连接的图片移动、好友头象移动、带连接的文字移动:

           如何让多幅带连接的图片动起来

 

     本人在闲中之时也不时玩上一时博客,对于新博客的玩法还是知之甚少,看了众多博友发表的博客自定义代码,一头露水,不得其解,只能摘其一段代码反复试验,成功后方与君共戏共学,也愿将其与君共享,如那位博友有很好的,更简单的,能让不懂之博友一观即明,请与跟帖回之,为感为怀,谢之以奉清茶一杯,表以敬意!

 

多幅带连接的图片移动:

 

<marquee scrollamount="1" scrolldelay="60" direction="up" width="200"

height="230"><div align="center"><a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a> <a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a> <a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a> <a

href="连接的网页地址" target="_blank"><img

src="图片的地址" width="200" border="0" /></a>

......

 

 

动作如下:用法只将代码中direction="up"引号中的文字换成下面的动作代码简称就行。

方法:[例]direction="slide"

slide滑动

scroll预设卷动

alternate来回卷动

down向下卷动

up向上卷动

right向右卷动

left向左卷动

width=180设定宽度

height=30设定高度

        

             让好友头象移动起来(寒秋自行研究)

 

此代码经几番试验后,可以使用,具体效果可见我的博客首页。本人所有个人学习代码使用方法:

登陆新博客,进入编辑状态:

 

点排版---模块---自定义---显示---新增(输入你要新增的标题)---保存---再点排版下面的保存页面---将你编辑好的代码直接复制粘贴(点预览可直接看效果)---保存---再进行相应的页面调整---再点排版下面的保存页面  (完成后预览看一下效果)

 

 

<P align=center><BR></P>

<P align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>

<description><div> <a href="好友博客地址"> <img src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

<a href="好友博客地址"> <img

src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

<a href="好友博客地址"> <img

src="好友头像地址" border="0" width="80" height="80"/>好友姓名</a>

......

 

 

WIDTH: 397px; HEIGHT: 200px   为:显示窗口大小

 

width="80" height="80"为好友头像的图片大小

 

可以根据自己需要进行调整

               让带连接的文字移动(寒秋自行研制)

 

    本人对这些一点都不懂,只能从众多代码一点一点试,试过后,觉得还可以用,所以就帖出来与大家一起学习,如有不妥的地方,还请懂代码的朋友提点一下,对于我们这些对这方面知识不懂的人来说,看这些代码就是看天书,在众多博友的博客里也有帖出来的代码,有些太难懂了,所以还望懂代码的朋友,制作点最简单最实用的代码出来,让更多博友一起学习一下,这样也可以让博友的博客更具个性化,谢谢大家点评和支持!

 

 

 

单行文字向上移动代码:

<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字

 

多行文字同步向上移动代码:

<marquee scrollAmount=2 width=300 height=160 direction=up><ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字<ul> <li> <a

......

 

文字向左移动代码:

<marquee scrollAmount=1.5 width=250 height=350

direction=up<description><ul>

<description><ul> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

......

 

文字向右移动代码:

<P align=center><BR></P>

<P align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=2 direction=right>

<a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

href="输入你要连接的地址">输入你要显示的文字</a> </li> <li> <a

......

 

scrollAmount=1.5(为速度值,值越小速度越慢,反之越快)

width=250(宽度值)

height=350(高度值)

 

 

  评论这张
 
阅读(178)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017