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

 
 
 

日志

 
 

一些细节源代码备忘  

2010-03-28 08:05:40|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文字代码、图片左右插入文字、滚动新闻代码、图片背景发表文章(代码大全续1)

一些细节源代码备忘

图文结合图片居左居右:align=left  right 

                居中:center 

                border=0 边框为零美观

超级连接弹出新窗口跟在地址后边 target=blank

一句代码直接插入,比你从任何地方看到的都要简单:

【13】文字代码

◆◆◆◆◆上下滚动的字代码

<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"

height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"

color=#ffffff>所要写的字</FONT></MARQUEE>

◆◆◆◆◆做比较大的字代码

<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>ゞ要写的

字ゞ</FONT></SUP></FONT>

◆◆◆◆◆文字走马灯效果代码

<marquee width="157" height="21">这里输入文字

◆◆◆◆◆改变文字的字体和颜色代码1

<b><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字

变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22

#4169e1 #9400d3 #ff0000 #daa520

◆◆◆◆◆改变文字的字体和颜色代码2

<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>輸入文字</FONT>

变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22

#4169e1 #9400d3 #ff0000 #daa520

◆◆◆◆◆移动文字代码

<marquee width="157" height="21">你想要的文字</marquee>

◆◆◆◆◆修改导航,但还是原来的格式,但是改变字体和背景代码

<img src="/blog/javascript:bt_1.innerText="导航文字;';bt_2.innerText='导航

文字';bt_3.innerText='导航文字';bt_4.innerText='导航文字';bt_5.innerText='

导航文字';bt_6.innerText='导航文字';bt_7.innerText='导航文

字';bt_8.innerText='导航文字';">

在加上透明效果:

<img

src="/blog/javascript:bt_1.style.background="url()';bt_2.style.background='

url()';bt_3.style.background='url()';bt_4.style.background='url()';bt_5.sty

le.background='url()';bt_6.style.background='url()';bt_7.style.background='

url()';bt_8.style.background='url()';"></img>

在加上颜色效果:

<img

src="javascript:document.getElementById('bt_1').style.color='#D9D919';docum

ent.getElementById('bt_2').style.color='#FF00FF';document.getElementById('b

t_3').style.color='#FFFFFF';document.getElementById('bt_4').style.color='#3

3ff00';document.getElementById('bt_5').style.color='#FF7F00';document.getEl

ementById('bt_6').style.color='#FF0000';document.getElementById('bt_7').sty

le.color='#00ffff';document.getElementById('bt_8').style.color='#77aaff';">

</img><font color=red></font>

◆◆◆◆◆文字特效显示代码

效果一:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

欢迎光临黑客动画吧</B></FONT></CENTER>

效果二:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

欢迎光临黑客动画吧</B></FONT></CENTER>

效果三:<CENTER><FONT color=#0099ff style="FILTER: blur(add=1,

direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION:

relative; LINE-HEIGHT: 150%; WIDTH: 450px">欢迎光临黑客动画

吧</FONT></CENTER>

效果四:<MARQUEE behavior=alternate direction=up height=150

scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG

src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><F

ONT color=red face=楷体_gb2312 size=7>欢迎光临黑客动画

吧</FONT></MARQUEE></MARQUE></MARQUEE>

效果五:<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>

欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE

direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

◆◆◆◆◆上下左右移动文字特效代码

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

[说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向

右(right)]

◆◆◆◆◆文字停停走走效果代码

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

◆◆◆◆◆文字移动效果代码

<marquee behavior=移动效果>插入文字</marquee>

说明:behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次

behavior=alternate 来回走

◆◆◆◆◆发光文字代码

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">

<font color=#ffffff size=2>要修改的文字</font>

</table>

其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强

度,font color是原字体的颜色

◆◆◆◆◆浮雕的文字代码

</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,

positive=1);">

<font color=#ffffff>要修改的文字</font>

</table>

其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx

和offy是设置的阴影和文字的距离,font color是原字体的颜色

◆◆◆◆◆阴影的文字代码

</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,

positive=2);">

<font color=#6CABE7 size=2>要修改的文字</font>

</table>

◆◆◆◆◆文本框字体代码

</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">

输入内容

注:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定

<tr> 表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框顔色为紫色

<td> 表格栏 bgcolor="Green"表格背景顔色为绿色

◆◆◆◆◆滚动字代码

<marquee border="0" align="middle" scrolldelay="120">想说的字</marquee>

◆◆◆◆◆从右侧进来的字和图片代码

<DIV>

<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD vAlign=top width="100%">

<DIV align=center>

<MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT

color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>颍水相逢欢迎

您</B><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO

NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>

<DIV>

<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD vAlign=top width="100%" height=118>

<DIV align=center>

<MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT

color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>颍水相逢欢迎

您</B><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO

NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>

◆◆◆◆◆倒帖的文字特效代码

<p align=right><FONT

style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>黑客动画吧欢迎

您!</B></FONT></p>

◆◆◆◆◆翻转文字特效代码

<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>黑客动画吧欢迎

您!</B></FONT>

◆◆◆◆◆漂动文字特效代码

<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td

background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><

marquee behavior=alternate scrollamount=3 direction=down

height=350><marquee behavior=alternate scrollamount=3 width=500><img

src=1.gif><font color=red size=6><b>黑客动画吧欢迎您!</b><img

src=1.gif></font></marquee></table><br>

◆◆◆◆◆漂的字特效代码

<P align=center>

<MARQUEE scrollAmount=12 direction=center behavior=alternate>

<MARQUEE direction=up behavior=alternate width=400 height=400>

<P align=center><IMG

src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"><IM

G

src="http://www.cjhz.com/bbs/UploadFile/2004-10/20041016182848353.jpg"><IMG

src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P

><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%;

COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">黑客动画吧欢迎您

!</FONT></MARQUEE></MARQUEE></P>

◆◆◆◆◆滚动字特效代码

<marquee width="200" height="100" direction="right" behavior="alternate"

scrollamount="6" scrolldelay="88">黑客动画吧</marquee>

各参数详解:

scrollAmount 它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3

比较好

width和height 表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直

滚动的时候,一定要设height的值

direction 表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up

。滚动方向分别为:right表示→→→,up表示↑,down表示↓

scrollDelay 这也是用来控制速度的,默认为90,值越大,速度越慢。通

常scrollDelay是不需要设置的

behavior 用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚

动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

◆◆◆◆◆改变滚动字幕的颜色代码

<marquee scrollAmount=2 width=300><a style=color:CC6600>黑客动画

吧</a></marquee>

◆◆◆◆◆当鼠标停留在文字上,文字停止滚动代码

<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>黑

客动画吧</marquee>

◆◆◆◆◆文字交替效果特效代码

<marquee scrollAmount=2 width=150 behavior=alternate>黑客动画吧</marquee>

◆◆◆◆◆多行文本向上滚动特效代码

<marquee scrollAmount=2 width=300 height=50 direction=up>·黑客动画吧<br>·

黑客动画吧<br><a href=http://www.hack58.com>黑客动画吧</a></marquee>

◆◆◆◆◆不停变化颜色的字代码

<DIV id=texture style="WIDTH: 460px; HEIGHT:30px"><IMG height=2

src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px

align=right><IMG height=30px

src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px

align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);

FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"

align=center><FONT color=#FCFBFA>黑客动画吧</FONT></DIV></DIV>

◆◆◆◆◆带框文字特效代码

<font color=#02B452

style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out

set;border-right-style:outset;border-left-style:outset">修改你要的字</font>

这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)

double 表示边框样式为:双线

groove 表示边框样式为:3D凹槽状

dotted 表示边框样式为:点线     

inset  表示边框样式为:3D内嵌边框

outset 表示边框样式为:3D外嵌边框

ridge  表示边框样式为:3D凸脊状

dashed 表示边框样式为:虚线

solid  表示边框样式为:实线

◆◆◆◆◆滚动红色字特效代码

<marquee width="650" height="60"><font color="red">黑客动画

吧</font></a></marquee>

◆◆◆◆◆滚动无框红色字特效代码

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden;  WIDTH:

634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex:  90"

resiziable="true"><marquee width="750" height="60"><font  color="red">黑客

动画吧</font></a></marquee>

◆◆◆◆◆左右移动字特效代码

<font colo*=#855558><center><marquee behavior="alternate" 

scrollamount="2">黑客动画吧</marquee></marquee></font></center>

◆◆◆◆◆角度跳动的字左右移动字特效代码

<marquee behavior="alternate" direction="up" height="80" width="60%" 

scrollamount="2" scrolldelay="0"><marquee behavior="alternate" 

scrollamount="3">黑客动画吧</marquee></marquee>

◆◆◆◆◆七字体顔色文字特效代码

<font COLOR=颜色代码>文字</font>

颜色代码对应网站查看:http://www.ezsell.com.tw/aseip_folder/color.htm

【14】图片左边、右边插入文字

图片左边、右边插入文字

把图片放在文字的左边----------<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR>&nbsp;</FONT><BR clear=left></P>

把图片放在右边-----------------<P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 文字<BR>&nbsp;</FONT><BR clear=left></P>

【15】滚动新闻代码

◆◆◆◆◆插入滚动新闻代码

CCTV新闻:

<table border=0 cellspacing=1 cellpadding=0 width=’98%’>

<td valign="top"><div align="center">

<iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express"

width="354" height="16" marginwidth="0" marginheight="0" frameborder="0"

scrolling="no"></iframe></div></table>

新浪新闻代码:

<TABLE cellSpacing=1 cellPadding=0 width="98%" border=0>

<TBODY>

<TR align=middle>

<TD align=middle bgColor=#ffffff colSpan=15 height=30><IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME></TD></TR></TBODY></TABLE>

 

图文显示娱乐新闻代码:

娱乐:<iframe WIDTH=120 HEIGHT=60 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscen013.html?uid=64238&fid=scscen013'></iframe>

新闻+体育+娱乐:

<iframe WIDTH=760 HEIGHT=108 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scccss006.html?uid=64238&fid=scccss006'></iframe>

体育:

<iframe WIDTH=760 HEIGHT=7650 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://co.union.sohu.com/~sports?uid=64238&fid=scscsp009'></iframe>

娱乐:

<iframe WIDTH=760 HEIGHT=3200 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://co.union.sohu.com/~yule?uid=64238&fid=scscen009'></iframe>

sohu综合新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscne002.html?uid=73916&fid=scscne002'></iframe>

体育新闻2

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002'></iframe>

汽车新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002'></iframe>

娱乐新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002'></iframe>

财经新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002'></iframe>

IT新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscit002.html?uid=73916&fid=scscit002'></iframe>

旅游新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.union.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

教育新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscle002.html?uid=73916&fid=scscle002'></iframe>

健康新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsche002.html?uid=73916&fid=scsche002'></iframe>

文化新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsccu002.html?uid=73916&fid=scsccu002'></iframe>

旅游新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

【16】图片为背景发表文章制作方法如下:

  1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,否则文章做一半又得去找图,多烦!)

  2. 勾选“显示源代码”---至关重要!

  3. 在编辑栏内添加下列代码:

<table width="450" border="0">

<tr>

<td height="562" background="http://blog.sina.com.cn/pic/42b3a91f0200011m"></td>

</tr>

文字代码、图片左右插入文字、滚动新闻代码、图片背景发表文章(代码大全续1)

【12】一些细节源代码备忘

图文结合图片居左居右:align=left  right 

                居中:center 

                border=0 边框为零美观

超级连接弹出新窗口跟在地址后边 target=blank

一句代码直接插入,比你从任何地方看到的都要简单:

【13】文字代码

◆◆◆◆◆上下滚动的字代码

<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"

height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"

color=#ffffff>所要写的字</FONT></MARQUEE>

◆◆◆◆◆做比较大的字代码

<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>ゞ要写的

字ゞ</FONT></SUP></FONT>

◆◆◆◆◆文字走马灯效果代码

<marquee width="157" height="21">这里输入文字

◆◆◆◆◆改变文字的字体和颜色代码1

<b><font face=华文行楷 size=5 color=#ff0000>要修改字体和颜色的字

变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22

#4169e1 #9400d3 #ff0000 #daa520

◆◆◆◆◆改变文字的字体和颜色代码2

<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>輸入文字</FONT>

变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22

#4169e1 #9400d3 #ff0000 #daa520

◆◆◆◆◆移动文字代码

<marquee width="157" height="21">你想要的文字</marquee>

◆◆◆◆◆修改导航,但还是原来的格式,但是改变字体和背景代码

<img src="/blog/javascript:bt_1.innerText="导航文字;';bt_2.innerText='导航

文字';bt_3.innerText='导航文字';bt_4.innerText='导航文字';bt_5.innerText='

导航文字';bt_6.innerText='导航文字';bt_7.innerText='导航文

字';bt_8.innerText='导航文字';">

在加上透明效果:

<img

src="/blog/javascript:bt_1.style.background="url()';bt_2.style.background='

url()';bt_3.style.background='url()';bt_4.style.background='url()';bt_5.sty

le.background='url()';bt_6.style.background='url()';bt_7.style.background='

url()';bt_8.style.background='url()';"></img>

在加上颜色效果:

<img

src="javascript:document.getElementById('bt_1').style.color='#D9D919';docum

ent.getElementById('bt_2').style.color='#FF00FF';document.getElementById('b

t_3').style.color='#FFFFFF';document.getElementById('bt_4').style.color='#3

3ff00';document.getElementById('bt_5').style.color='#FF7F00';document.getEl

ementById('bt_6').style.color='#FF0000';document.getElementById('bt_7').sty

le.color='#00ffff';document.getElementById('bt_8').style.color='#77aaff';">

</img><font color=red></font>

◆◆◆◆◆文字特效显示代码

效果一:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

欢迎光临黑客动画吧</B></FONT></CENTER>

效果二:<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>

欢迎光临黑客动画吧</B></FONT></CENTER>

效果三:<CENTER><FONT color=#0099ff style="FILTER: blur(add=1,

direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION:

relative; LINE-HEIGHT: 150%; WIDTH: 450px">欢迎光临黑客动画

吧</FONT></CENTER>

效果四:<MARQUEE behavior=alternate direction=up height=150

scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG

src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><F

ONT color=red face=楷体_gb2312 size=7>欢迎光临黑客动画

吧</FONT></MARQUEE></MARQUE></MARQUEE>

效果五:<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>

欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE

direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

◆◆◆◆◆上下左右移动文字特效代码

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

[说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向

右(right)]

◆◆◆◆◆文字停停走走效果代码

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

◆◆◆◆◆文字移动效果代码

<marquee behavior=移动效果>插入文字</marquee>

说明:behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次

behavior=alternate 来回走

◆◆◆◆◆发光文字代码

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">

<font color=#ffffff size=2>要修改的文字</font>

</table>

其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强

度,font color是原字体的颜色

◆◆◆◆◆浮雕的文字代码

</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,

positive=1);">

<font color=#ffffff>要修改的文字</font>

</table>

其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx

和offy是设置的阴影和文字的距离,font color是原字体的颜色

◆◆◆◆◆阴影的文字代码

</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,

positive=2);">

<font color=#6CABE7 size=2>要修改的文字</font>

</table>

◆◆◆◆◆文本框字体代码

</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">

输入内容

注:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定

<tr> 表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框顔色为紫色

<td> 表格栏 bgcolor="Green"表格背景顔色为绿色

◆◆◆◆◆滚动字代码

<marquee border="0" align="middle" scrolldelay="120">想说的字</marquee>

◆◆◆◆◆从右侧进来的字和图片代码

<DIV>

<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD vAlign=top width="100%">

<DIV align=center>

<MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT

color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>颍水相逢欢迎

您</B><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO

NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>

<DIV>

<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD vAlign=top width="100%" height=118>

<DIV align=center>

<MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT

color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>颍水相逢欢迎

您</B><IMG

src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO

NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>

◆◆◆◆◆倒帖的文字特效代码

<p align=right><FONT

style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>黑客动画吧欢迎

您!</B></FONT></p>

◆◆◆◆◆翻转文字特效代码

<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>黑客动画吧欢迎

您!</B></FONT>

◆◆◆◆◆漂动文字特效代码

<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td

background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><

marquee behavior=alternate scrollamount=3 direction=down

height=350><marquee behavior=alternate scrollamount=3 width=500><img

src=1.gif><font color=red size=6><b>黑客动画吧欢迎您!</b><img

src=1.gif></font></marquee></table><br>

◆◆◆◆◆漂的字特效代码

<P align=center>

<MARQUEE scrollAmount=12 direction=center behavior=alternate>

<MARQUEE direction=up behavior=alternate width=400 height=400>

<P align=center><IMG

src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"><IM

G

src="http://www.cjhz.com/bbs/UploadFile/2004-10/20041016182848353.jpg"><IMG

src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P

><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%;

COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">黑客动画吧欢迎您

!</FONT></MARQUEE></MARQUEE></P>

◆◆◆◆◆滚动字特效代码

<marquee width="200" height="100" direction="right" behavior="alternate"

scrollamount="6" scrolldelay="88">黑客动画吧</marquee>

各参数详解:

scrollAmount 它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3

比较好

width和height 表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直

滚动的时候,一定要设height的值

direction 表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up

。滚动方向分别为:right表示→→→,up表示↑,down表示↓

scrollDelay 这也是用来控制速度的,默认为90,值越大,速度越慢。通

常scrollDelay是不需要设置的

behavior 用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚

动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

◆◆◆◆◆改变滚动字幕的颜色代码

<marquee scrollAmount=2 width=300><a style=color:CC6600>黑客动画

吧</a></marquee>

◆◆◆◆◆当鼠标停留在文字上,文字停止滚动代码

<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>黑

客动画吧</marquee>

◆◆◆◆◆文字交替效果特效代码

<marquee scrollAmount=2 width=150 behavior=alternate>黑客动画吧</marquee>

◆◆◆◆◆多行文本向上滚动特效代码

<marquee scrollAmount=2 width=300 height=50 direction=up>·黑客动画吧<br>·

黑客动画吧<br><a href=http://www.hack58.com>黑客动画吧</a></marquee>

◆◆◆◆◆不停变化颜色的字代码

<DIV id=texture style="WIDTH: 460px; HEIGHT:30px"><IMG height=2

src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px

align=right><IMG height=30px

src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px

align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);

FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"

align=center><FONT color=#FCFBFA>黑客动画吧</FONT></DIV></DIV>

◆◆◆◆◆带框文字特效代码

<font color=#02B452

style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out

set;border-right-style:outset;border-left-style:outset">修改你要的字</font>

这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)

double 表示边框样式为:双线

groove 表示边框样式为:3D凹槽状

dotted 表示边框样式为:点线     

inset  表示边框样式为:3D内嵌边框

outset 表示边框样式为:3D外嵌边框

ridge  表示边框样式为:3D凸脊状

dashed 表示边框样式为:虚线

solid  表示边框样式为:实线

◆◆◆◆◆滚动红色字特效代码

<marquee width="650" height="60"><font color="red">黑客动画

吧</font></a></marquee>

◆◆◆◆◆滚动无框红色字特效代码

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden;  WIDTH:

634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex:  90"

resiziable="true"><marquee width="750" height="60"><font  color="red">黑客

动画吧</font></a></marquee>

◆◆◆◆◆左右移动字特效代码

<font colo*=#855558><center><marquee behavior="alternate" 

scrollamount="2">黑客动画吧</marquee></marquee></font></center>

◆◆◆◆◆角度跳动的字左右移动字特效代码

<marquee behavior="alternate" direction="up" height="80" width="60%" 

scrollamount="2" scrolldelay="0"><marquee behavior="alternate" 

scrollamount="3">黑客动画吧</marquee></marquee>

◆◆◆◆◆七字体顔色文字特效代码

<font COLOR=颜色代码>文字</font>

颜色代码对应网站查看:http://www.ezsell.com.tw/aseip_folder/color.htm

【14】图片左边、右边插入文字

图片左边、右边插入文字

把图片放在文字的左边----------<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR>&nbsp;</FONT><BR clear=left></P>

把图片放在右边-----------------<P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 文字<BR>&nbsp;</FONT><BR clear=left></P>

【15】滚动新闻代码

◆◆◆◆◆插入滚动新闻代码

CCTV新闻:

<table border=0 cellspacing=1 cellpadding=0 width=’98%’>

<td valign="top"><div align="center">

<iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express"

width="354" height="16" marginwidth="0" marginheight="0" frameborder="0"

scrolling="no"></iframe></div></table>

新浪新闻代码:

<TABLE cellSpacing=1 cellPadding=0 width="98%" border=0>

<TBODY>

<TR align=middle>

<TD align=middle bgColor=#ffffff colSpan=15 height=30><IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME></TD></TR></TBODY></TABLE>

 

图文显示娱乐新闻代码:

娱乐:<iframe WIDTH=120 HEIGHT=60 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscen013.html?uid=64238&fid=scscen013'></iframe>

新闻+体育+娱乐:

<iframe WIDTH=760 HEIGHT=108 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scccss006.html?uid=64238&fid=scccss006'></iframe>

体育:

<iframe WIDTH=760 HEIGHT=7650 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://co.union.sohu.com/~sports?uid=64238&fid=scscsp009'></iframe>

娱乐:

<iframe WIDTH=760 HEIGHT=3200 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://co.union.sohu.com/~yule?uid=64238&fid=scscen009'></iframe>

sohu综合新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscne002.html?uid=73916&fid=scscne002'></iframe>

体育新闻2

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002'></iframe>

汽车新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002'></iframe>

娱乐新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002'></iframe>

财经新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002'></iframe>

IT新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscit002.html?uid=73916&fid=scscit002'></iframe>

旅游新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.union.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

教育新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscle002.html?uid=73916&fid=scscle002'></iframe>

健康新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsche002.html?uid=73916&fid=scsche002'></iframe>

文化新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsccu002.html?uid=73916&fid=scsccu002'></iframe>

旅游新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

【16】图片为背景发表文章制作方法如下:

  1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,否则文章做一半又得去找图,多烦!)

  2. 勾选“显示源代码”---至关重要!

  3. 在编辑栏内添加下列代码:

<table width="450" border="0">

<tr>

<td height="562" background="http://blog.sina.com.cn/pic/42b3a91f0200011m"></td>

</tr>

</table>

  4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端);

  5. 写文章与没有图片一样,完了点击“发表文章”就行了。

  6. 把红色部分换成你的图片地址就可以了。450和562换成你图片的大小。

  7. 看见我做的了没有?

</table>

  4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端);

  5. 写文章与没有图片一样,完了点击“发表文章”就行了。

  6. 把红色部分换成你的图片地址就可以了。450和562换成你图片的大小。

  7. 看见我做的了没有?

  评论这张
 
阅读(15)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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