html使用代码大全

<DIV style="FONT-SIZE: 9pt">1)贴图：<img src="图片地址">
1)首行缩进2格：<p style="TEXT-INDENT: 2em">html使用代码大全</p>

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

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

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

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

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

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

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

字体删除线: <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="230" height="28" type="audio/x-pn-realaudio-plugin" controls="ControlPanel" loop="0" autostart="true" volume="100" initfn="load-types" mime-types="mime.types"></embed>

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

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值见11)

22)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe></DIV><DIV style="FONT-SIZE: 9pt">改变文字颜色的代码：

(color后面可以是英文也可以是颜色代码)

发光字代码：

阴影字代码：

浮雕文字代码：

添加透明FLAHS的代码：

跳转页面代码

风格的背景不动代码
将以下代码加在论坛简介里。效果:背景不动。

元素间的内容居中

嵌入代码

背景图片

背景颜色

文字链接代码

如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：
<a href="网站地址";>E天下</a>如果要点了这个文字以后重新打开一个窗口的话，代码是：<a href="http://cui.qq.topzj.com/forumdisplay.php?fid=23100&page=1"; target="_blank">E天下</a>

图片链接代码

如果要点一下图片就能打开一个网站的链接代码是这样的：
<a href="http://www.liukee.com/reg.asp?username=xpcjh";><img src="http://www.liukee.com/images/logo_177-51.gif"; width="150" height="100"></a>
如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。代码是这样的：
<a href="http://www.123.com";; target="_blank"><img src="http://www.123.com/images/n/163logo.gif"; width="150" height="100"></a>上面的数字都能调节图片尺寸大小。

移动图片的代码

<marquee><img src="http://es.tom.com/images/2002/gamemm/0604/s/36.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>
把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插入：
<img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。

背景音乐的代码

如果想在你的网站上放上一段好听的背景音乐，代码是： <bgsound src="http://xxx.com/xxx.mid";loop=10>
<bgsound src="http://www.fan.com/midi/music.asp?id=3073";loop=30> 里面的背景音乐地址你能自己替换。
前面的是音乐地址，一般都以mid或者mp3的形式结尾后面的数字是播放次数，下例为无限播放代码。
<bgsound balance="" src="http://www.educast.com.cn/upload/media/2006-09/12/160829316/123.mp3" volume="" loop="infinite"></bgsound>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
感应鼠标抖动图片：
<style type="text/css">.shakeimage{position:relative}</style><p align="center"><img class="shakeimage" onmouseout="stoprattle(this)" height="111" alt="" width="115" src="http://art.5d.cn/SArts/2008-04/534150411650.jpg" /></p><script language="JavaScript1.2">var rector=3var stopit=0var a=1function init(which){stopit=0shake=whichshake.style.left=0shake.style.top=0}function rattleimage(){if ((!document.all&&!document.getElementById)||stopit==1)returnif (a==1){shake.style.top=parseInt(shake.style.top)+rector}else if (a==2){shake.style.left=parseInt(shake.style.left)+rector}else if (a==3){shake.style.top=parseInt(shake.style.top)-rector}else{shake.style.left=parseInt(shake.style.left)-rector}if (a<4)a++elsea=1setTimeout("rattleimage()",50)}function stoprattle(which){stopit=1which.style.left=0which.style.top=0}</script>

下拉菜单代码
1、多极菜单
<style type="text/css">/*Credits: Dynamic Drive CSS Library *//*URL: <a href="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" _fcksavedurl="http://www.dynamicdrive.com/style/" target="_blank">http://www.dynamicdrive.com/style/</a> */.suckertreemenu ul{margin: 0;padding: 0;list-style-type: none;}/*Top level list items*/.suckertreemenu ul li{position: relative;display: inline;float: left; /*overall menu background color*/}/*Top level menu link items style*/.suckertreemenu ul li a{display: block;width: 90px; /*Width of top level menu link items*/padding: 1px 8px;border: 1px solid black;border-left-width: 0;text-decoration: none;color: navy;}/*1st sub level menu*/.suckertreemenu ul li ul{left: 0;position: absolute;top: 1em; /* no need to change, as true value set by script */display: block;visibility: hidden;}/*Sub level menu list items (undo style from Top level List Items)*/.suckertreemenu ul li ul li{display: list-item;float: none;}/*All subsequent sub menu levels offset after 1st level sub menu */.suckertreemenu ul li ul li ul{left: 159px; /* no need to change, as true value set by script */top: 0;}/* Sub level menu links style */.suckertreemenu ul li ul li a{display: block;width: 160px; /*width of sub menu levels*/color: navy;text-decoration: none;padding: 1px 5px;border: 1px solid #ccc;}.suckertreemenu ul li a:hover{background-color: black;color: white;}/*Background image for top level menu list links */.suckertreemenu .mainfoldericon{background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;}/*Background image for subsequent level menu list links */.suckertreemenu .subfoldericon{background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;}* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/padding-top: 1em;}/* Holly Hack for IE \*/* html .suckertreemenu ul li { float: left; height: 1%; }* html .suckertreemenu ul li a { height: 1%; }/* End */</style><script type="text/javascript">//SuckerTree Horizontal Menu (Sept 14th, 06)//By Dynamic Drive: <a href="http://www.dynamicdrive.com/style/" target="_blank">http://www.dynamicdrive.com/style/</a>var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commasfunction buildsubmenus_horizontal(){for (var i=0; i<menuids.length; i++){var ultags=document.getElementById(menuids).getElementsByTagName("ul")for (var t=0; t<ultags.length; t++){if (ultags.parentNode.parentNode.id==menuids){ //if this is a first level submenuultags.style.top=ultags.parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu itemultags.parentNode.getElementsByTagName("a")[0].className="mainfoldericon"}else{ //else if this is a sub level menu (ul)ultags.style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated itultags.parentNode.getElementsByTagName("a")[0].className="subfoldericon"}ultags.parentNode.onmouseover=function(){this.getElementsByTagName("ul")[0].style.visibility="visible"}ultags.parentNode.onmouseout=function(){this.getElementsByTagName("ul")[0].style.visibility="hidden"}}}}if (window.addEventListener)window.addEventListener("load", buildsubmenus_horizontal, false)else if (window.attachEvent)window.attachEvent("onload", buildsubmenus_horizontal)</script></span></div><div class="suckertreemenu"><ul id="treemenu1"><li><a style="BORDER-LEFT: black 1px solid" href="#">Item 1</a> </li><li><a href="#">Item 2</a> </li><li><a href="#">Folder 1</a><ul><li><a href="#">Sub Item 1.1</a> </li><li><a href="#">Sub Item 1.2</a> </li><li><a href="#">Sub Item 1.3</a> </li><li><a href="#">Sub Item 1.4</a> </li></ul></li><li><a href="#">Item 3</a> </li><li><a href="#">Folder 2</a><ul><li><a href="#">Sub Item 2.1</a> </li><li><a href="#">Folder 2.1</a><ul><li><a href="#">Sub Item 2.1.1</a> </li><li><a href="#">Sub Item 2.1.2</a> </li><li><a href="#">Sub Item 2.1.3</a> </li><li><a href="#">Sub Item 2.1.4</a> </li></ul></li></ul></li><li><a href="#">Item 4</a> </li></ul><br style="CLEAR: left" /></div><p class="code_textarea" id="iepara">Rest of content here</p></div></span></div>

2、本代码适合IE浏览器,代码如下:
<select name="select1" size="1"onChange="javascript:window.open(this.options[this.selectedIndex].value)"style=" COLOR: rgb(0,0,128); FONT-SIZE: 10pt"><option value="链接一">链接标题一</option><option value="链接二">链接标题二</option><option value="链接三">链接标题三</option><option value="更多链接">更多的链接标题</option></select>

弹出窗口代码
<style type="text/css">html,body{font-size:12px;margin:0px;height:100%;}.mesWindow{border:#666 1px solid;background:#fff;}.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}</style><script>var isIe=(document.all)?true:false;//设置select的可见状态function setSelectState(state){var objl=document.getElementsByTagName('select');for(var i=0;i<objl.length;i++){objl.style.visibility=state;}}function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}//弹出方法function showMessageBox(wTitle,content,pos,wWidth){closeWindow();var bWidth=parseInt(document.documentElement.scrollWidth);var bHeight=parseInt(document.documentElement.scrollHeight);if(isIe){setSelectState('hidden');}var back=document.createElement("div");back.id="back";var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";back.style.cssText=styleStr;document.body.appendChild(back);showBackground(back,50);var mesW=document.createElement("div");mesW.id="mesWindow";mesW.className="mesWindow";mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>";styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";mesW.style.cssText=styleStr;document.body.appendChild(mesW);}//让背景渐渐变暗function showBackground(obj,endInt){if(isIe){obj.filters.alpha.opacity+=1;if(obj.filters.alpha.opacity<endInt){setTimeout(function(){showBackground(obj,endInt)},5);}}else{var al=parseFloat(obj.style.opacity);al+=0.01;obj.style.opacity=al;if(al<(endInt/100)){setTimeout(function(){showBackground(obj,endInt)},5);}}}//关闭窗口function closeWindow(){if(document.getElementById('back')!=null){document.getElementById('back').parentNode.removeChild(document.getElementById('back'));}if(document.getElementById('mesWindow')!=null){document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));}if(isIe){setSelectState('');}}//测试弹出function testMessageBox(ev){var objPos = mousePosition(ev);messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>";showMessageBox('窗口标题',messContent,objPos,350);}</script><div style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px"><div style="TEXT-ALIGN: left"><a href="#none">弹出窗口</a></div><div style="PADDING-LEFT: 20px; PADDING-TOP: 10px; TEXT-ALIGN: left"><select id="Select1" name="Select1"><option selected="selected">下拉</option></select>弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框</div><div style="TEXT-ALIGN: center"><a href="#none">弹出窗口</a></div><div style="TEXT-ALIGN: right"><a href="#none">弹出窗口</a></div></div><div style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px"></div><div style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px"></div>

qq好友上线广告代码
<DIV id=eMengstyle="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 64px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 168px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 374px; HEIGHT: 115px; <TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid"cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0><TBODY><TR><TDstyle="FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #0f2c8c"width=30 height=24> </TD><TDstyle="PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #1f336b; PADDING-TOP: 4px"vAlign=center width="100%"><span class="style13">本站提示</span></TD><TD vAlign=center align=right width=19 2px? padding-top: 2px;padding-right:><SPAN title=关闭style="FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px"onclick=closeDiv()>×</SPAN></TD></TR><TR><TDstyle="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px"colSpan=3 height=90><DIVstyle="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%"><div align="left"> <span style="text-decoration: none"><FONTcolor=#FF0000>仿造qq好友上线<br><center> </center></FONT></span></div></DIV></td></tr></table><SCRIPT language=JavaScript>window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;function getMsg(){try{divTop = parseInt(document.getElementById("eMeng").style.top,10)divLeft = parseInt(document.getElementById("eMeng").style.left,10)divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)docWidth = document.body.clientWidth;docHeight = document.body.clientHeight;document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeightdocument.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidthdocument.getElementById("eMeng").style.visibility="visible"objTimer = window.setInterval("moveDiv()",10)}catch(e){}}function resizeDiv(){try{divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)docWidth = document.body.clientWidth;docHeight = document.body.clientHeight;document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)}catch(e){}}function moveDiv(){try{if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10))){window.clearInterval(objTimer)objTimer = window.setInterval("resizeDiv()",1)}divTop = parseInt(document.getElementById("eMeng").style.top,10)document.getElementById("eMeng").style.top = divTop - 1}catch(e){}}function closeDiv(){document.getElementById('eMeng').style.visibility='hidden';if(objTimer) window.clearInterval(objTimer)}</SCRIPT>

网页两侧广告代码

左栏固定广告
<DIV id=searchspe style='Z-INDEX: 100; left: 1px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=360 style='border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;font-size:12px;color:#ffffff'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV>

右栏固定广告
<DIV id=searchspe style='Z-INDEX: 100; right: 1px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=360 style='border-left:1px solid #333333;border-top:1px solid #333333;border-right:1px solid #333333;font-size:12px;color:#ffffff'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV>

漂浮广告代码
<div id="img" style="position:absolute;; width: 200; height: 151">广告内容</div><script LANGUAGE="JavaScript">var xPos = 20;var yPos = 10;img.style.left= xPos;img.style.top = yPos;var step = 1;var delay = 30;var width,height,Hoffset,Woffset;var y = 1;var x = 1;var interval;img.visibility = "visible";function changePos(){width = document.body.clientWidth;height = document.body.clientHeight;Hoffset = img.offsetHeight;Woffset = img.offsetWidth;if (y){yPos = yPos + step;}else{yPos = yPos - step;}if (yPos < 0){y = 1;yPos = 0;}if (yPos >= (height - Hoffset)){y = 0;yPos = (height - Hoffset);}if (x){xPos = xPos + step;}else{xPos = xPos - step;}if (xPos < 0){x = 1;xPos = 0;}if (xPos >= (width - Woffset)){x = 0;xPos = (width - Woffset);}img.style.left = xPos + document.body.scrollLeft;img.style.top = yPos + document.body.scrollTop;}function start(){interval = setInterval('changePos()', delay);}function pause_resume(){clearInterval(interval);}start();</script>

固定对联
<DIV id=searchspe style='Z-INDEX: 100; right: 5px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#C54A00><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV><DIV id=searchspe2 style='Z-INDEX: 100; left: 5px; POSITION: absolute; TOP: 50px;'><TABLE cellSpacing=0 cellPadding=0 width=150 style='font-size:12px;color:#ffffff'><TR bgcolor=#12BDFF><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe2.style.visibility='hidden' width=30>关闭</TD></TR></TABLE>广告内容</DIV>

随动对联－1

随动对联－2
<script type="text/javascript">//<![CDATA[var tips; var theTop = 250; var old = theTop;function initFloatTips() {tips = document.getElementById('yy'); moveTips();};function moveTips() {var tt=50;if (window.innerHeight) {pos = window.pageYOffset}else if (document.documentElement && document.documentElement.scrollTop) {pos = document.documentElement.scrollTop}else if (document.body) {pos = document.body.scrollTop;}pos=pos-tips.offsetTop+theTop;pos=tips.offsetTop+pos/10;if (pos < theTop) pos = theTop;if (pos != old) {tips.style.top = pos+"px";tt=10;}old = pos;setTimeout(moveTips,tt);}//!]]></script><style type="text/css">#yy{position:absolute;padding:3px;top:250px;z-index:99999;width:100%;} a#left {float:left;width:80px;height:200px;border:1px solid red}</style><body ><div id="yy"> <div id="left"><div id="Layer1" style="position:absolute; width:61px; height:60px; z-index:100000; top: 21px;"><img src="/IMAGES/qleft3.jpg" width="60" height="60"></div><table border="0" align="right"><tr><td ><img src="/IMAGES/qleft3.jpg" width="60" height="60"></td></tr></table></div></div></br /></br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></br /> </br /></body></html>

－－－－－－－－－－
博客中常用的代码

一、美化文字的代码：
　　7.在字前加圆点：
　　<li>文字内容</li>
　　12.消除连接的下划线：
　　<a href="相关地址" style="text-decoration:none">文字内容</a>
　　13.滚动文字效果：
　　// marquee有四个方向参数，如图1　
　　<marquee direction="up">文字内容</marquee>
html使用代码大全

图1
　二、在博客中嵌入其他元素
　　1.在博客中贴图：
　　// width是图片的宽度，height是高度
　　<img src="图片地址"; width="120"; height="90"; alt="鼠标移动到图片上显示的字";>
　　2.在博客中贴Flash:
　　// width，height可以是指定的高度，也可以不设置，可以是100%
　　<embed src="flash地址" width="100%" height="100%">
　　3.在博客中贴音乐：loop="true" 循环播放（播放一次，true改为false）autostart="true" 自动开始播放（用户点击播放，true改为false）
<embed src="音乐地址" width="宽度" height="高度" autostart=false>
<EMBED ="音乐地址" width=200 height=40 type="audio/x-pn-realaudio-plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">

　　4.博客中贴食品：
　　<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
　　5.固定日志背景不随滚动条滚动：
　　<body background="背景图片地址" body bgproperties=fixed>
　　
超链接文字特效代码：

把下列代码之一添加到面板（文章）中，该面板（文章）中的链接即可显示相应的特效：

让链接变色代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

增加链接的力度（字体变大）代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>

触到链接是出现虚线代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>

会移动的链接代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { ; left:1px; top:1px; }
</STYLE>

给链接添加背景色代码：

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { }
</STYLE>

图片（挂件）随滚动条移动代码：
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: +eval(document.body.clientWidth)-110); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-400); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
代码说明：
-100表示图片距离屏幕左侧的距离，负数值越大距离左侧越远；
-400表示图片距离屏幕下方的距离，负数值越大距离下方越远（越靠上）；
效果预览：
如首页左侧图片。

图片上飘动的文字特效代码：
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

代码说明：
width为浮动文字框架的宽度；
height为浮动文字框架的高度；
color=red表示文字颜色为红色（查询颜色代码）

效果预览：

演示文字

以图片为背景发表文章代码：
<table width="450" border="0">
<tr>
<td height="500" background="图片地址"></td>
</tr>
</table> 效果预览：
这里是演示文字。
这些文字可以直接在图片上输入。
为了美观，建议从其他文本编辑器中直接将文章复制到图片上。

－－－－－－－－－－－－

html使用代码大全

上下翻转代码：
<img src="图片地址" style="filter:FlipV">

html使用代码大全

左右镜像代码：
<img src="图片地址" style="filter:FlipH">

秒客网

html使用代码大全

相关文章