图片文字代码(页 1) - 个人空间专版 - 钢琴花园 -钢琴谱-乐谱-我们因钢琴而相识,彼此心心相印-流行钢琴,jazz钢琴,成人学琴

蓝若璃烟 发表于 2007-2-9 23:50

图片文字代码

超实用:文字和图片类的代码

上下滚动的字代码
<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>
颜色代码对应网站查看:[url]http://www.ezsell.com.tw/aseip_folder/color.htm[/url]

图片代码
<MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start()
scrollAmount=3 loop=infinite deplay="0"><img src="第一张图片地址"><img
src="第二张图片地址"></MARQUEE>
<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="/blog/>";和</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>
详细步骤：
1、新建一个模块：
“自定义”--“个性设置”--“新建模块”点了之后有一个窗口出来，是给模块起名
字的，这个你自己想了。起好模块名字，“提交”后就出另外一个窗口了。（当然，
也可以在你原有的新建模块里增加一个项目）。
2、填代码：
在这个新出来的窗口里找到“评论”这个项。在里面填入以上代码。（图片栏和地址
栏的http如果不需要可以删除）
3、保存
要注意的是，图的大小一定要和代码里的width和 height的大小差不多，如果图太大
了就不能显示全部的原图了，太小了又不好看~！建议大家在上图前先用截图工具看一
下图的大小像素和你自己的QQ空间想要上图的位置。

◆◆◆◆◆滚动图片代码
<MARQUEE onmouseover=stop() onmouseout=start() scrollAmount=3
loop=infinite deplay="0"><IMG src="第一张图片地址" ><IMG src="第二张图
片地址"> </MARQUEE>

◆◆◆◆◆插入图片代码
<img src="http://你的图片地址" border="0" width="344" height="255">
代码中的图片地址就是网上以.jpg/.bmp/.gif结尾的网址

◆◆◆◆◆插入图片的代码：
<img src="javascript:CImg('6', '1999999', '688', '400', '95', '200', '图片
地址', '-1')">
代码中()里的第3个数字 688 是图片到左边的距离，第4个是 400 是到顶部的距离，
第5个 95 是图片的宽，第6个 200 是高！

◆◆◆◆◆图片像幻灯片一样变换的代码
<script language="javascript"> var adImg = new Array(); var adLink = new
Array(); var cID = 0; adImg[0] = "图片1地址"; adLink[0] = "图片1地址";
adImg[1] = "图片2地址"; adLink[1] = "图片2地址"; adImg[2] = "图片3地址";
adLink[2] = "图片3地址"; var preImgs = new Array(); for(i=0;i<3;i++) {
preImgs = new Image(); preImgs.src = adImg; } function NextAd() {
if(cID == 3)cID=0; if(document.all) {
imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23);
imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID];
imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } }
function ShowLink() { document.returnValue = true; } function Go2Url() {
window.open(adLink[cID-1]); }</script> <a

href="javascript:Go2Url();">
<img name="imgAD" style="FILTER:
revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid;
BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid;
BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0"
width="361" height="213" hspace="0">

◆◆◆◆◆BANNER填加代码
<img src="javascript:mall_changeItem('3','物品ID', '横坐标', '竖坐标','物品
宽','物品高','0');"><font color=red>gainover</font>

◆◆◆◆◆进空间前大图代码
<img src="javascript:t=document.createElement('<div
style=z-index:12000;position:absolute;left:0;top:0;></div>');t.innerHT
ML='<a style=cursor:hand
onclick=javascript:document.body.removeChild(t)><img src=图片地址 border=0
width=925 height=655 alt=文
字.></a>';document.body.appendChild(t);setTimeout('document.body.removeChil
d(t)',8000);" style=display:none>

◆◆◆◆◆相册、日志变透明度代码
<img src="/blog/javascript:initd.style.filter="alpha(opacity=70)';"
style=display:none>
修改alpha(opacity=70)括号里的70就可以改变透明度了

◆◆◆◆◆图片朦胧-圆形效果代码
<IMG src="图片地址" width=500 height=375
style="filter:Alpha(opacity=100,style=2);">

◆◆◆◆◆图片朦胧-方形效果代码
<IMG src="图片地址" style="FILTER: Alpha(opacity=200,style=3)" width=500
height=375 ALGIN="MIDDLE">

◆◆◆◆◆从右侧进来的字和图片代码
<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>

◆◆◆◆◆图片页面移动代码
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 10px; WIDTH: 211px; POSITION:
absolute; TOP: 100px; HEIGHT: 120px">
<TABLE cellSpacing=10 cellPadding=0 width="60%" border=0>
<TBODY>
<TR class=unnamed1>
<TD vAlign=top width="90%" height=274>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto"
scrollAmount=10 scrollDelay=99 direction=up width=400 height=1000
border="0"><FONT color=#0000ff><FONT face=隶书 color=red size=5><B>黑客动画
吧欢迎您！</B></FONT><BR><BR><BR>
<IMG src=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg>
</FONT></MARQUEE>
</TD></TR></TBODY></TABLE></DIV>

◆◆◆◆◆背景横条图片透明代码
<img src="javascript:Mlogo.style.filter='alpha(opacity=10)';">

◆◆◆◆◆图片特效-上下左右分别振动的图代码
<table width="200" cellspacing="0" cellpadding="0"><tr align="center"><td
style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px
dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px
dotted"><marquee behavior="alternate" direction="left"
height="80"width="100%" scrolldelay="60"><img src="图片1地址" width="110"
height="70" border="0"></a></marquee></td></tr><td style="BORDER-bottom:
rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right:
rgb(0,0,0) 1px dotted"><marquee behavior="alternate" direction="up"
height="80"width="100%"scrolldelay="60"><img src="图片2地址" width="110"
height="70" border="0"></a></marquee></td></tr></table>
图片1是左右振动,图2是上下振动

◆◆◆◆◆漂浮图片代码
<script LANGUAGE="javascript1.2">

</SCRIPT>
把以上代码复制到txt文本文件中上传到空间然后在下面地址中输入txt文本文件的地
址
<img src="javascript:window.open ('上传的漂浮图片文本的地
址','','height=768,width=1027,top=0,left=0,toolbar=no,menubar=no,scrollbars
=no,resizable=no,status=no');">

◆◆◆◆◆图片背景自定义导航条代码
1...首先定义导航按钮背景图片大小，一般都用标准LOGO大小（88*31）制作，太大了
就不好看了
<img
src="javascript:document.getElementById('bt_1').style.width='88';document.g
etElementById('bt_1').style.height='31';document.getElementById('bt_2').sty
le.width='88';document.getElementById('bt_2').style.height='31';document.ge
tElementById('bt_3').style.width='88';document.getElementById('bt_3').style
.height='31';document.getElementById('bt_4').style.width='88';document.getE
lementById('bt_4').style.height='31';document.getElementById('bt_5').style.
width='88';document.getElementById('bt_5').style.height='31';document.getEl
ementById('bt_6').style.width='88';document.getElementById('bt_6').style.he
ight='31';document.getElementById('bt_7').style.width='88';document.getElem
entById('bt_7').style.height='31';document.getElementById('bt_8').style.wid
th='88';document.getElementById('bt_8').style.height='31';"></img>
2...更换导航按钮背景图片了，大家先把地址找好，JPG和GIF两种图片格式都可以~然
后把地址放入下面代码中
<img src="javascript:bt_1.style.background='url(图片地
址)';bt_2.style.background='url(图片地址)';bt_3.style.background='url(图片
地址)';bt_4.style.background='url(图片地址)';bt_5.style.background='url(图
片地址)';bt_6.style.background='url(图片地址)';bt_7.style.background='url(
图片地址)';bt_8.style.background='url(图片地址)';"></img>
3...修改导航按扭内文字
<img src="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='导航名称';">

◆◆◆◆◆图片无边框代码
<div id="jiro11" style="padding:0px; LEFT: 0px; OVERFLOW: hidden; WIDTH:
400px; POSITION: absolute; TOP: 0px; HEIGHT: 300px; zindex: 90"
resiziable="true"><IMG src="图片地址" border="0" width="图片的宽" height="
图片的高">
用之后可以将模版缩小达到那个效果

◆◆◆◆◆带框图片的代码
<center><img src="图片地址"
style="border-top-style:outset;border-bottom-style:outset;border-right-styl
e:outset;border-left-style:outset"></center>
上下左右4个边框的字符(这个不用修改,解释一下)
border-color 表示设定边框的颜色
border-top-style 表示文字或图片上边框的类型
border-bottom-style 表示文字或图片下边框的类型
border-right-style 表示文字或图片右边框的类型
border-left-style 表示文字或图片左边框的类
这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)
double 表示边框样式为：双线
groove 表示边框样式为：3D凹槽状
dotted 表示边框样式为：点线
inset 表示边框样式为：3D内嵌边框
outset 表示边框样式为：3D外嵌边框
ridge 表示边框样式为：3D凸脊状
dashed 表示边框样式为：虚线
solid 表示边框样式为：实线

◆◆◆◆◆图片不让别人盗代码
<A HREF="javascript:void(0)" onMouseover="alert('对不起,图片设置为禁止下载
！')"><IMG SRC="http//图片地址" Align="center" Border="0" width="99"
height="50"></A>
中文部分可以你自己改的调整大小就是后面的宽和高的数值

◆◆◆◆◆图片无边效果代码
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true"> </textarea><IMG
src="http://photoimg14.qq.com/cgi-bin/load_pic2?
verify=nolQLMepqw9TSQckbv1nwA%3D%3D" border="0" width="130" height="130">

◆◆◆◆◆单项普通图片有边效果
</textarea><IMG src="http://photoimg14.qq.com/cgi-bin/load_pic2?
verify=nolQLMepqw9TSQckbv1nwA%3D%3D" border="0" width="130" height="130">

◆◆◆◆◆滚动图效果代码
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true"><MARQUEE width=380 height=80 onmouseover=stop()
onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img
src="http://photoimg23.qq.com/cgi-bin/load_pic2?
verify=LLB4qNAOb2D16gqMqCi%2FTQ%3D%3D"><img
src="http://photoimg20.qq.com/cgi-bin/load_pic2?verify=G%2BK00%
2BHxmEfiUBWOmHlLRA%3D%3D"></MARQUEE>

◆◆◆◆◆顶图片透明代码
</SPAN><BR><IMG
src="javascript:Mlogo.style.filter='alpha(opacity=0)';"></TD></TR><TR>

◆◆◆◆◆顶部小图片代码
<img src="javascript:Mlogo.style.background='';"
style="display:none;"><p>gainover</p>

◆◆◆◆◆插入图片代码(代码生成器生成的)
</textarea><IMG src=图片地址 border=0 width=109 height=109>
border=0：图片边框大小 width=109：图片宽度 height=109：图片长度

◆◆◆◆◆漂浮图片代码(代码生成器生成的)
<img
src="javascript:document.getElementById('initd').style.overflow='hidden';">
</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 0px dotted;
BORDER-bottom: rgb(0,0,0) 0px dotted; BORDER-left: rgb(0,0,0) 0px dotted;
BORDER-right: rgb(0,0,0) 0px dotted"><marquee direction="down"
behavior="alternate" scrollamount=1 height="490" width="650"
onmouseover=stop() onmouseout=start()> <marquee direction="right"
scrollamount=4 behavior="alternate"><a href="超连接地址"><img border="0"
src="图片地址" width="80"
height="70"></a></marquee></marquee></td></tr></table><font color=red

KiNgDoM987 发表于 2008-1-5 09:47

顶！！谢谢楼主！学了很多！！:001

moonbeam 发表于 2008-1-6 09:06

楼主是超级强人
辛苦了...

页: [1]

钢琴花园's Archiver

图片文字代码