资源描述
贴图的正确格式：
<img src="图片地址">
背景图片语法：
<body background="图片地址"></body>
透明效果：
<img src="图片地址" width=300 height=250 style=filter:Alpha(opacity=100,style=2);>
给图片加边框:
<center><table border=3><td><img src="图片地址"width=581></table>
图上做文:
<center><table width="700" border="0"><tbody><tr><td vAlign="left" background="背景图片" width="700" height="450">内容--休闲·音乐家园
</center></td></tr></table>
显示图片倒影:
<FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="图片地址"> </FONT></FONT>
插入Flash方法：
<embed src="http://Flash地址" width=500 height=340></embed>
透明FLASH运用
<TABLE align=center background="图片地址" border=0 cellPadding=0 cellSpacing=0 height=180 width=350 table>
<TBODY>
<TR>
<TD>
<EMBED height=170 pluginspage= src="flash地址" type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"> </TD></TR></TBODY></TABLE>
* 在这里提供给大家透明FLASH地址 修改flash/ .swf之间的数字 一共有两百多种效果
贴内背景公式：
<center><table cellpadding=0 cellspacing=0 border=0 WIDTH=98% align=center table background="内背景图片地址" width=700><tr><td><center>
。。。。。。
（要贴的内容－－图片或文字）
。。。。。。
<td></table>
图片向左移动：
<marquee directio=left><img src="图片地址"></marquee>
文字向左移动：
<marquee directio=left><font size=? color=?>文字部分</font></marquee>
帖子外背景底图：
<body background="图片地址">
带框的背景：
<center><table border="5" background="图片地址" width="600" height="440">
<td></table>
文字向上滚注意文字分行并拉开行距：
<marquee direction=up scrollamount=3>
<center><font color="lime" size="5" face="隶书">休闲·音乐家园</font>
</marquee>
带框的背景：
<center><table border="5" background="图片地址" width="600" height="440">
<td></table>
文字向上滚注意文字分行并拉开行距：
<marquee direction=up scrollamount=3>
<center><font color="lime" size="5" face="隶书">休闲·音乐家园</font>
</marquee>
播放视频代码合集
贴MP3的方法类似于贴Flash。首先要找出想要贴的MP3歌曲的地址。地址确定后，用下列格式贴：
<代码1无限次播放> <EMBED src=" width=320 height=40 type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="true" volume="100" Initfn="load-types" mime-types="mime.types">
<代码2> <EMBED src="地址mp3" width=310 height=35 type=audio/x-pn-realaudio-plugin loop="true" autostart="true" controls="ControlPanel,StatusBar">
<代码3自由控制播放>: <EMBED src="rm地址" width=250 height=25 type=audio/x-pn-realaudio-plugin autostart="false" controls="ControlPanel">
<代码4>: <EMBED src="rm地址" width=250 height=60 autostart="true"></EMBED>
<代码5支持rm或mid格式>: <EMBED src="网址" width=250 height=25 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="true">
<代码6支持midi,rm,ram>: <EMBED align=middle src="网址" width=350 height=50 type=audio/x-pn-realaudio-plugin ALT="(Random)" mime-types="mime.types" fn="load-types" Init exts="ra,ram" volume="200" loop="true" autostart="true">
<代码6隐藏播放器>: <embed src="网址" width="0" height="0" autostart="true" loop="true" align="middle" volume="200" type="audio/x-pn-realaudio-plugin" exts="ra,ram" Init fn="load-types" mime-types="mime.types" ALT="(Random)">
<代码7视频（MTV）常用播放器>: <embed src="网址" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height="330" width="460" autostart="true">
<代码8RealPlayer 影片>: <EMBED src="网址" width=450 height=400 controls="imagewindow" autostart="true" loop="true" console="huayue"> （支持rm、asf、mpa、mpeg ）
<代码9网页播放器>: <iframe src="网页URL地址" frameboder=0 width=400 height=200></iframe>
<代码10支持mp3、wma、wmv、wav、midi、asf、mpeg、mpg、avi格式>: <embed width="350" height="50" src="地址">
<代码11支持ra、rm、ram视频格式>: <EMBED SRC="地址" type="audio/x-pn-realaudio-plugin" width="533" height="400" autostart="true" SetEnableContextMenu="false" name="video" id="video" class="video" controls="ImageWindow">
< HTML语言教程 >标签及移动的文字特效 请参考：这两个网页。呵呵，非常不错！
空间模版直接显示网站代码
放在新模板的评论里，代码如下：
<iframe name="I1" src="网站地址" width="852" height="1440"></iframe>
二。首页放MV代码
＜/textarea><embed src='MV地址'width="450"height="350"></embed><br></center></textarea>
三。 首页放图片加透明FLASH（不是透明FLASH的代码在第 7条）
1.首先要個模板顯示大圖片：（其他時鐘、動畫、視頻等等都一樣的道理，将1.换成你想的就可以了）
</textarea><table><tr><td align=center& gt;<img src="图片的网址" border=0></td></tr></table& gt;
2.再找個透明flash代碼：
</textarea><embed src=http://你的Flash特效地址 wmode=transparent style="position: absolute" width=380 height=270>
3。將1和2的兩個代碼合在一起就是下面的：
</textarea><table><tr><td align=center& gt;<img src="图片的网址" border=0></td></tr></textarea& gt;<embed src=http://你的Flash特效地 址 wmode=transparent style="position: absolute" width=380 height=270></table>
（注意：合成關鍵的一步就是 將1.裏面的</table>要放在2.的最後面，数字大小根据你的要求改变）
這樣就做成功了！效果見我首页的天空和草地！
透明ＦＬＡＳＨ素材网址：
附录:
透明FLASH使用代码:
代码如下: ~水滴效果~
</textarea><embed src= wmode=transparent style="position: absolute" width=350 height=270>
四。 空间模版循环滚动的LOGO友情连接
简单的是这样的：
<marquee behavior="scroll" direction=up width="120" height="60" scrollamount="1" scrolldelay="60" onmouseover="this.stop()" onmouseout="this.start()">
<a target="cont" href="连接地址"><img src="http://图片地址" width="120" height="60" border="0"></a></marquee>
其中的长height宽width都可以根据自己的喜爱来改的
＂连接地址＂就是你要友情连接的朋友空间的地址
＂图片地址＂就是放LOGO图片的地方
其他的数值可以不用改动
这样做出来了一个人的连接，你可以几个进去，你就在中间加
<a target="cont" href="连接地址"><img src="http://图片地址" width="120" height="60" border="0"></a>
每一条是一个人的
五。 空间模版字来回走动代码
来回动的代码：
<marquee behavior="alternate"
scrollamount="2">字
</marquee></marquee>
其中scrollamount="2" 数字似乎控制速度的，可以在移动代码中通用！
六。 下面介绍如何实现文字在空间主页上的移动:
各种移动代码
基本的移动代码：<marquee>欢迎来到93778432.q-</marquee>
文 字从左至右移动：<font size=3 color=ff0000><b><marquee=right>欢迎 来到93778432.q-</marquee></font>
文字从右至左移动，可以用“direction=”改变运动方向：
<font size=3 color=#F79700& gt;<b><marquee direction=left>欢迎来到93778432.q-< /marquee></b></font>
用下面代码可以使文字左右来回运动：
<font size=3 color=ff0000& gt;<b><marquee behavior=alternate>欢迎来到93778432.q- </marquee></font></b>
下面的代码设置在一定区域内让文字上滚：“scrollamount=”可改变速度。
<font size=3 color=#F79700& gt;<b><center><marquee width=150 height=230 direction=up scrollamount=2& gt;你的签名</marquee></font></b></center>
以 上代码就是设置一个宽度150高度20的区域，size=3定义字体大小,color=#F79700定义字体颜色.定义“direction=up”文 字向上运动。“scrollamount=2”定义运动速度，你可以改变成其他数值试试看速度怎么样变化。还可以在<marquee>里面加 上“bgcolor=”设置移动区域里的背景.
选择你需要的代码复制到模版设置对话框的"评论"栏目即可
下面以文字在模版上从右向左移动为例:
使用以下代码:
<font size=3 color=#F79700& gt;<b><marquee direction=left>欢迎来到93778432.q-< /marquee></b></font>
把"欢迎来到93778432.q-"改为你想要的内容.然后复制-黏贴到模版设置对话框的"评论"栏目即可.
其他文字移动效果也如此类似.
PS:你可以把透明FLASH使用代码与文字代码一起复制到"评论"那里再看看效果会是怎样?^_^
颜色代码:
1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00
4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF
7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93
10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853
16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719
19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F
22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E
25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78
28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F
32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454
35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323
38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70
41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70
44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F
47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD
59 浅木色 #E9C2A6 60 石灰绿色 #32CD32 61 桔黄色 #E47833
62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色 #3232CD
65 中森林绿 #6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB
68 中海绿色 #426F42 69 中石板蓝色 #7F00FF 70 中春绿色 #7FFF00
71 中绿松石色 #70DBDB 72 中紫红色 #DB7093 73 中木色 #A68064
74 深藏青色 #2F2F4F 75 海军蓝 #23238E 76 霓虹篮 #4D4DFF
77 霓虹粉红 #FF6EC7 78 新深藏青色 #00009C 79 新棕褐色 #EBC79E
80 暗金黄色 #CFB53B 81 橙色 #FF7F00 82 橙红色 #FF2400
83 淡紫色 #DB70DB 84 浅绿色 #8FBC8F 85 粉红色 #BC8F8F
86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艳蓝色 #5959AB
89 鲑鱼色 #6F4242 90 猩红色 #BC1717 91 海绿色 #238E68
92 半甜巧克力色#6B4226 93 赭色 #8E6B23 94 银色 #E6E8FA
95 天蓝 #3299CC 96 石板蓝 #007FFF 97 艳粉红色 #FF1CAE
98 春绿色 #00FF7F 99 钢蓝色 #236B8E 100 亮天蓝色 #38B0DE
101 棕褐色 #DB9370 102 紫红色 #D8BFD8 103 石板蓝色 #ADEAEA
104 浓深棕色 #5C4033 105 淡浅灰色 #CDCDCD 106 紫罗兰色 #4F2F4F
107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF 109 黄绿色 #99CC
七。 模块播放ＦＬＡＳＨ代码“
</textarea><embed src=' 你要插的地址 'quality=high pluginspage=' /download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=330 height=240></embed>
把这个代码打入自定义--新建模版的评论里 就OK拉
如何知道自己想要大小空间的长和宽的数据
现在教你怎么控制代码的数字刚好是你想要的大小...
首先 你用QQ截图截你想要在空间上放得大小 然后把图片另存为 再右击这个图片按属性 就可以看到他的长和宽了 然后你修改代码中的这个长和宽了。. 恩。.. 这方法也适用其他代码。......
弄好了记的常来我这里浇花花哦
八。 插入大图代码
</textarea><IMG src="你要插的图或是动画地址" border="0" width="170" height="220">
下面的数字 根据自己的要求调节大小
弄好了记的常来我这里浇花花哦
九。 在主页放电视
</textarea><EMBED SRC=电视台地址 width=355 height=250 wid</textarea
在自定义模式中，新建立个模块，然后把代码与电视台的网址结合，放到网址栏里．如果你没有电视台地址，我推荐一个给你：http://220.191.131nbsp;
十一. 主页鼠标耍人代码 （效果自己去我主页试下）
<iframe name="I1" src=" width="200" height="250">
</iframe>
十二 .涂鸦版块代码:
</textarea><embed src=' pluginspage=' type='application/x-shockwave-flash' width=530 height=440></embed>
网页流行的幻灯片播放
<body>
<div align="center"><div id=AdRotator></div><input id="second"><button onclick="adRotator.set(getRef('second').value)">set time</button></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function adRotator() {};
adRotator.initialize=function(o)
{
// script by blueDestiny
this._t = new Array();
this._l = new Array();
this._p = new Array();
this._i = new Image();
this._c = 0;
this._f = false;
this._o = o;
this._timeout = null;
this._html = "";
// configration.
// @ image width
// @ image height
// @ rotator speed
// @ filter type
this._w = 250;
this._h = 250;
this._s = 4;
this._x = 23;
return this;
};
adRotator.add=function(p,t,l) { with (this)
{
_p.push(p);
_t.push(t);
_l.push(l);
}};
adRotator.load=function() { with (adRotator)
{
if( _i.readyState=='complete' )
{
if(_p.length-1==_c)
{
_f = true;
_c = 0;
window.clearTimeout(_timeout);
//getRef("AdRotator").innerHTML="complete";
adRotator.play();
}
else
{
_c++;
getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
_timeout=window.setTimeout(adRotator.load,10)
}
}
else
{
getRef(_o).innerHTML="total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "...";
_timeout=window.setTimeout(adRotator.load,10)
}
}};
adRotator.play=function() { with (adRotator)
{
if( _f )
{
_html = "";
_html += '<table style="border:1px solid #333333;"><tr><td style="font-size:9pt;font-family:tahoma;font-weight:bold;">'
_html += '<div id="rotatorPlayer"'
+ ' style="width:' + _w + ''
+ ';height:"' + _h + '"'
+ '>'
_html += '<a href="' + ( _l[_c] ? _l[_c] : "javascript:void(0);" ) + '">';
_html += '<img id="rotatorPic" src="' + _p[_c] + '"'
+ ' width="' + _w + '"'
+ ' height="' + _h + '"'
+ (_t[_c]?' title="' + _t[_c] + '"':'')
+ ' style="border:1px solid blue;FILTER:revealTrans(transition=' + _x + ',duration=1);"'
+ ' >';
_html += (_t[_c]?('<div align="center">' + (_c+1) + '. ' + _t[_c] + '</div>'):'<p></p>');
_html += '</a>';
_html += "</div>";
_html += '<div align="right">';
for(var i=0; i<_p.length; i++)
_html += '<span'
+ ' style="border:1px solid #333333;padding:1px 5px 1px 5px;height:20px;text-align:center;cursor:'
+ (_c==i ? ('default;background-color:red;"') : 'hand;" onclick="adRotator.select(' + i + ')"')
+ '>'
+ (i>8?(i+1):('0'+(i+1)))+ '</span> ';
_html += "</div></td></tr></table>";
getRef(_o).innerHTML = _html;
getRef("rotatorPic").filters[0].Apply();
getRef("rotatorPic").filters[0].Play();
next();
}
else
{
_i.src = _p[_c];
adRotator.load();
}
}};
adRotator.next=function() { with (this)
{
(_p.length-1==_c) ? _c=0 : _c++;
_timeout=window.setTimeout(adRotator.play,_s*1000);
}};
adRotator.select=function(i) { with (this)
{
window.clearTimeout(_timeout);
_c=i;
adRotator.play();
}};
adRotator.set=function(second) { with (this)
{
window.clearTimeout(_timeout);
if((/\d+/).test(second)==true)
{
_s=second;
adRotator.play();
}
else
{
alert("must be digit!")
adRotator.play();
}
}};
function getRef(id)
{
return (document.all?document.all(id):document.getElementById(id));
}
adRotator.initialize("AdRotator");
adRotator.add("
adRotator.add("
adRotator.add("
adRotator.add("
adRotator.add("
adRotator.play();
//-->
</SCRIPT>
看了一個網站的效果，大概效果就是類似幻燈片的效果。當時第一反映這個是不是用錨點做的啊呢，以前在網上看過用錨點做的這類的效果。
腦袋裡出現這個反映後，一直有「錨點」這2個字浮動著，怎麼裝得下呢，反正現在暫時沒任務，就自己做一個，讓「錨點」從自己的小腦袋中離開。
這個也不說什麼大概的觀念啊什麼的，只是利用錨點跳到頁面中的某一個位置而已。如果頁面內容太多的話，估計效果不好，所以這個還是用來娛樂一下算了。
真的很神奇！不需要用到JS就可以達到分頁的效果！
結構：
程序代碼
<div class="wrapper">
<div class="content">
<div class="box" id="a1">
<h2>錨點控制內容</h2>
<p>第一屏</p>
<p>網上有很多這樣的教程，我這個只是娛樂而已</p>
</div>
<div class="box" id="a2">
<h2>錨點控制內容</h2>
<p>第二屏</p>
</div>
<div class="box" id="a3">
<h2>錨點控制內容</h2>
<p>第三屏</p>
</div>
<div class="box" id="a4">
<h2>錨點控制內容</h2>
<p>第四屏</p>
</div>
<div class="box" id="a5">
<h2>錨點控制內容</h2>
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
