» 您尚未 登录   注册 | 社区服务 | 在线音乐 | 帮助 | 转贴工具 | 社区 | 无图版

五颜六色论坛 -> 网站建设 -> 代码收藏,直接套用制作(喜欢的朋友进来一起学习)
 XML   RSS 2.0   WAP 

常州五颜六色网络技术有限公司 五颜六色网 五颜六色网－Flash欣赏 五颜六色－在线音乐
五颜六色网诚聘市场营销人员(全职) 本论坛QQ群8375513，欢迎加入

<<   1   2  >>  Pages: ( 1/2 total )
--> 本页主题: 代码收藏,直接套用制作(喜欢的朋友进来一起学习) 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子

代码收藏,直接套用制作(喜欢的朋友进来一起学习)

<EMBED SRC="音乐地址" loop=true style="FILTER: xray" width=390 height=43>

其他播放代码:

<CENTER><EMBED src=音乐地址 width=200 height=150 type=audio/x-pn-realaudio-plugin console="Clip1" controls="IMAGEWINDOW,ControlPanel,StatusBar" loop="true" autostart="true"></EMBED></CENTER>



<CENTER>是置中   loop="true"
是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。



说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。



手动播放



<EMBED src=歌曲地址 hidden==false type=audio/x-ms-wma LOOP="false" AUTOSTART="false"></EMBED>


<EMBED style="FILTER: xray(); WIDTH: 230px; HEIGHT: 25px" src=音乐地址 type=audio/mpeg autostart="fasle" loop="-1" volume="0">


<CENTER><TABLE style="FILTER: Alpha(Opacity=300, FinishOpacity=0, Style=2, StartX=20,StartY=30, FinishX=0, FinishY=0)invert()"><TBODY><TR><TD><EMBED style="FILTER: xray()" src=音乐地址 loop="true" width=300 height=30 type=audio/mpeg showstatusbar="0"></EMBED></TD></TR></TBODY></TABLE></CENTER>


播放器设置好，您的帖子会更美观，设置方法有很多，现在介绍常见的几种

第一种方式



代码

<EMBED src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma
width=200 height=40 type=audio/x-ms-wma autostart="true" loop="true">


或下面这种代码也可以，效果与上面的一样

<EMBED id=MediaPlayer374 src=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=40 type=audio/mpeg loop="false" autostart="false"></EMBED>

其中：width=100 height=40 中的数字分别表示播放器的宽度和高度 ，注意：都选择0将隐藏播放器（隐藏时一定要选择自动播放）

    autostart="true"中true或1表示自动播放，false或0表示手动播放

    loop="true" 中的true或1表示重复播放，false或0表示只播放一次

如果是mp3、rm等格式，播放器会显示下面的样式



第二种设置方式



代码

<EMBED src=http://202.116.140.5/music/gccd/4/CD-0321/11.MP3 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="0" controls="ControlPanel"></EMBED>


第三种设置方式:8

代码

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 83px"><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=http://www.nxc.cn/bbs/UploadFile/2004-8/200481482641160.wma width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="0" loop="-1"></TD></TR></TBODY></TABLE>

这种方式建议大家使用自动播放



[ 此贴被松针在2007-01-20 12:03重新编辑 ]
此帖被评分,最近评分记录
威望:1(deserts)
[楼 主] | Posted: 2007-01-20 11:39 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


一楼（只取其中一）代码显示效果：

[1 楼] | Posted: 2007-01-20 11:41 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子



<table cellspacing="16" cellpadding="0" width="96%" align="center" background="http://www.yuanju.net/attachment/48_30_c38b3763eac99bf.gif" border="0"><tbody><tr><td align="center" width="100%"><font color="#688e23"><table cellspacing="3" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/48_30_a270f15bc029de4.gif" border="0"><tbody><tr><td align="center" width="100%"></font /><font color="#ffff00"><table cellspacing="20" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/48_30_8bbc3e11b12d4e7.gif" border="0"><tbody><tr><td align="center" width="100%"></font /><font color="#c71585"><table cellspacing="2" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/48_30_a26871c55c48c9e.jpg" border="0"><tbody><tr><td align="center" width="100%"></font /><font color="#e4dc9b"><table cellspacing="5" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/48_30_a270f15bc029de4.gif" border="0"><tbody><tr><td align="center" width="100%"></font /><font color="#00ff00"><table cellspacing="3" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/48_30_8bbc3e11b12d4e7.gif" border="0"><tbody><tr><td align="center" width="100%"></font /><font color="#d65c5d"><table cellspacing="0" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/48_30_a26871c55c48c9e.jpg" border="0"><tbody><tr><td align="center" width="100%"><p /><p>图与文字</p><p /><p /></td></tr></tbody></table></font><font color="#00ff00"></font></td></tr></tbody></table></font><font color="#e4dc9b"></font></td></tr></tbody></table></font><font color="#c71585"></font></td></tr></tbody></table></font><font color="#ffff00"></font></td></tr></tbody></table></font><font color="#688e23"></font></td></tr></tbody></table></font></td></tr></tbody></table><br />

[2 楼] | Posted: 2007-01-20 11:48 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


其二楼代码显示效果：

图与文字



[3 楼] | Posted: 2007-01-20 11:49 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


顶字的代码:
<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 500px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>
顶</FONT></DIV></DIV>
<BR>
[4 楼] | Posted: 2007-01-20 11:49 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


四楼代码显示效果：
顶


[5 楼] | Posted: 2007-01-20 11:50 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


羽化图片代表格设置方法的代码：


<br><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="http://www.iecool.com/uppic/2005-9-02/jxdongwu/jxdongwu2_157.jpg"> <br><br> <TABLE border=0> <TR> <TD style="FILTER:Alpha(opacity=100,style=2)" width=500 height=750 background=http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg > </TD></TR></TABLE> <br><br>

羽化图片（简化）贴图方法的代码：

<br><br> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=780 width=550 src="http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg"> <br><br>

[6 楼] | Posted: 2007-01-20 11:50 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


六楼羽化图片显示效果：




[7 楼] | Posted: 2007-01-20 11:51 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


一个好看的表框代码:
</B><BR><BR><BR><BR><BR><BR><BR>
<TABLE id=table1 style="center: -170px; WIDTH: 800px; POSITION: relative; TOP: 40px">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width=780 borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313595718.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131404918.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=18 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813141196.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=23 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135611790.jpg border=1>
<TBODY>
<TR>
<TD align=middle>
<P align=center><IMG src="http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813201734131.jpg"> <FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 65px">网络情缘 平淡温馨</FONT> <BR><BR><BR><BR><BR>
<P align=center></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR><BR></DIV>
<P></P>

[8 楼] | Posted: 2007-01-20 11:54 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


八楼代码显示效果：

网络情缘 平淡温馨











[9 楼] | Posted: 2007-01-20 11:55 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


框图内插入SWF动画的代码:
<TABLE borderColor=green height=360 cellSpacing=5 cellPadding=10 width=450 background=http://img.gw.com.cn/UploadFile/2005/9/10/4499431.jpg border=20>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/7.swf width=450 height=360 type=application/octet-stream ;; quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE>
[10 楼] | Posted: 2007-01-20 11:55 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


十楼代码显示效果：

[11 楼] | Posted: 2007-01-20 11:56 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


把任何尺寸的图片完整地做背景图的代码


<TABLE cellSpacing=16 cellPadding=0 width=510 align=center border=2 background="http://bbs.e-yu.cn/attachments/ext_jpg/kdTo_1.jpg" bordercolor=#8fbc8f><TR><TD><DIV style="position:relative; top:0px; left:0px; width:500px; height:376px;overflow: hidden"><div style="position: absolute; top: 0px; left: 0px"><img src="http://www.sucaicd.com/4/JPEG640/067/051_100/CT073_L.jpg" width=500></div><div style="position: absolute; top: 0px; left: 0px"> 图与文字</div></DIV></TD></TR></TABLE>

这段代码是把任意图片做背景图.下面我把设置过程说一下:
1.设置框的宽度width=510,设置背景图的初始宽度width:500px,再设置图片的宽度width=500. 设置框的宽度是你作品的实际需要,后面两个设置就略小于框的宽度,但要一致.
2.看一下显示效果,这时图片的宽和高是成比例的,但一定不会与框的高一致,再调整背景图的初始高度height:376px,使它与图片的高一致.
这样背景图大小的设置就完成了,再把你要放进去的东东代替"图与文字"位置.

[12 楼] | Posted: 2007-01-20 11:57 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


宽屏贴表头代码:
<br /><br /><div id="table1" style="LEFT: -175px; WIDTH: 800px; POSITION: relative; TOP: 40px">
[13 楼] | Posted: 2007-01-20 11:58 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


请在HTML编辑框输入（会移动的播放器）

代码如下：

<MARQUEE style="LEFT: 230px; POSITION: absolute; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=300 height=400>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD><EMBED style="FILTER: gray()" src=http://www.sy53.com/mp3/dua.mp3 width=200 height=40 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1"></TD></TR></TBODY></TABLE></MARQUEE><BR>

[14 楼] | Posted: 2007-01-20 11:58 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


网页播放器代码收藏

一、深色的播放器代码:
<EMBED SRC="音乐地址" loop=true style="FILTER: xray" width=390 height=43>

二、显示播放器的代码:<EMBED SRC="音乐地址" loop=true width=390 height=43>


简要说明：
EMBED
多媒体的专用元素,
true:也起播放无数次的作用.
width=390 height=43
播放器的宽和高.
用播放器可调节音量,暂停等.
也可将播放器的宽和高都设为0而隐去播放器.

他们的区别:
用bgsound一定要下载完了才能听到歌声,下载慢了开始会听不到声音.
用EMBED时边下载边放,下载慢了第一遍声音会断断续续.

三、另一种播放代码（不显示播放器吧？）
下面是一段贴音乐的代码:
<bgsound src="http://www.asia-records.com.tw/mAsia/listen/26703_2.mp3" loop="1">

效果就是我们听到的音乐
bgsound
内部媒体的专用元素,用他做的标签可以用来插入wav wma mid mp3等格式的音乐.
src=
指定地址(url)的专用属性,在这个标签里他的内容只能写音乐地址.
loop=
播放次数的属性,值用自然数,无数次用"-1"或"infinite"来表示.

用bgsound做的标签不产生任何视觉效果.只播放音乐.
这个代码随便放哪里效果是一样的,建议单独放在表格外方便些.

四、FLASH的插入


下面是一段贴FLASH的代码:

<embed src="http://www.long21.net/card/main/0404/0404160f.swf" width=360 height=280></embed>

embed
插入多媒体的专用元素,常用来贴FLASH和音乐.
width= height=
视频图像的宽和高.


FLASH的功能有两种:
一种直接贴出,显示动画片,有的还带有音乐.
另一种要去掉背景来装饰图片,如下雨,闪电等,称作透明FLASH.
代码:
<embed src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280></embed>

代码:
<embed src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280 wmode="transparent"></embed>

wmode="transparent"
透明属性.

代码为:
<table cellSpacing=5 cellPadding=5 border=13 bordercolor=#84B98D background="http://adu.bbs.topzj.com/attachments//10/96/1096/forumid_27181/b0070090039_w1E680uFCJha.jpg" width=490 height=450><tr><td align=center><embed src="http://imgfree.21cn.com/free/flash/92.swf" width=490 height=360 wmode="transparent"></embed></td></tr></table>

很明显,红色代码就是透明FLASH.
透明FLASH加到图片上,关键是要将图片作背景图.
要用做表格的方法才能将图片设为背景图(下一节讲表格制作)

一张背景图上可以重叠几个透明FLASH,
只要将位置代码align=right放到标签里:
<embed align=right src="http://imgfree.21cn.com/free/flash/88.swf" width=360 height=280 wmode="transparent"></embed>
举例：放四个的：
代码:

<table cellSpacing=5 cellPadding=5 border=13 bordercolor=#84B98D background="http://adu.bbs.topzj.com/attachments//10/96/1096/forumid_27181/b0070090039_w1E680uFCJha.jpg" width=490 height=450><tr><td align=center>

<embed align=right src="http://imgfree.21cn.com/free/flash/88.swf" width=490 height=290 wmode="transparent"></embed>

<embed align=right src="http://imgfree.21cn.com/free/flash/62.swf" width=160 height=130 wmode="transparent"></embed>

<embed align=right src="http://imgfree.21cn.com/free/flash/89.swf" width=360 height=280 wmode="transparent"></embed>

<embed align=right src="http://imgfree.21cn.com/free/flash/16.swf" width=490 height=290 wmode="transparent"></embed>

</td></tr></table>


透明FLASH放到背景图上,因不能看到全部,常碰到定尺寸问题.
实际上你把FLASH看成一张图片,先定宽和高,再定放到背景图上的位置就容易些.

[15 楼] | Posted: 2007-01-20 11:59 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


代码一:
<img width=290 src="http://bbs.366tian.net/attachments/day_050626/DSCI0053_xWVPodgWqnIt.jpg" style="filter: Alpha(Opacity=100,Style=2)">
代码二:
<img width=290 src="http://bbs.366tian.net/attachments/day_050626/DSCI0053_xWVPodgWqnIt.jpg" style="filter: Alpha(Opacity=100,Style=3)">
将图片放到右边的代码:
<img width=290 src="http://bbs.366tian.net/attachments/day_050626/DSCI0053_xWVPodgWqnIt.jpg" align=right>
跟随页面滑动而移动的图片原代码如下：
<DIV STYLE="cursor:arrow;filter : progid:DXImageTransform.Microsoftpadding:8px;position:absolute;;border:;top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200);left:expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-350);text-align:center;"><P></P><IMG border=0 src="http://bbs.366tian.net/attachments/day_050626/DSCI0053_xWVPodgWqnIt.jpg"></DIV>
用代码做透明相框代码：
<DIV style="position:relative; top:0px; left:0px; width:290px; height:200px;overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px"><img src="http://bbs.366tian.net/attachments/day_050626/DSCI0053_xWVPodgWqnIt.jpg" width=290 height=200>
</div>
<div style="position: absolute; top: 0px; left: 0px"><table width="290" height="200" border="13" cellspacing="0" style="filter: Alpha(Opacity=43,Style=0)"><tr><td width=100% align="center"></td></tr></table>
</div>
</DIV>
Alpha滤镜羽化图片代码(将代码中Style=2换成Style=3,效果成矩形):
<img src="http://www.sucaicd.com/2/JPEG640/040/051_100/AQ088_L.jpg" width=360 height=280 style="filter: Alpha(Opacity=100,Finishopacity=0,Style=2,Startx=360,Starty=280,Finishx=360,Finishy=280)">

[16 楼] | Posted: 2007-01-20 11:59 顶端
松针

优秀斑竹奖 影音使者奖 金点子奖
该用户目前不在线
级别: 版主
精华: 7
发帖: 4573
威望: 136 点
金钱: 8602 RMB
贡献值: 2 点
在线时间:546(小时)
注册时间:2006-08-10
最后登录:2008-09-30
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


简析网页特效代码

1、字体和颜色
<marquee>...</marquee>普通卷动  
<marquee behavior=slide>...</marquee>滑动  
<marquee behavior=scroll>...</marquee>预设卷动  
<marquee behavior=alternate>...</marquee>来回卷动  
<marquee direction=down>...</marquee>向下卷动  
<marquee direction=up>...</marquee>向上卷动  
<marquee direction=right></marquee>向右卷动  
<marquee direction='left'></marquee>向左卷动  
<marquee bgcolor=FF0000>...</marquee>设定背景颜色  
<marquee scrollamount=30>...</marquee>设定卷动距离  
<marquee scrolldelay=300>...</marquee>设定卷动时间
<FONT face=楷体_GB2312（输入字体，后面加空格） color=#0000ff（字体颜色后加空格） size=1>(输入你所需要的字)</FONT>

2、普通FLASH代码
</textarea><EMBED align=middle src=FLASH的位置
width=400 height=350 type=application/x-shockwave-flash></p>

3、透明FLASH代码
</textarea><embed src=FLASH的位置 wmode=transparent style="position: absolute" width=380 height=270>

4、插入图片：
<IMG height=280（高） src="图片Url地址" width（宽）=210>

5、如何插入背景图片特效的方法（写在日记标题上）：
<BODY BACKGROUND="背景图片Url地址">

6、主页电视代码：
<iframe name="I1" src="http://qq.tvren.com/mini/" border="0" frameborder="0" width="251" height="345" marginwidth="1" marginheight="1" style="border-style: dotted; border-width: 1px"></iframe>

7、超连接代码：
<A href="链接地址">链接名</A>

8、浮雕的文字：
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"> <font color=#ffffff>你要的文字</font></table>

9、仅支持Wma的音频代码：
<EMBED id=MediaPlayer158 src="/（你的音频地址后要加空格） width=480 height=360 loop="false" autostart="false"></EMBED>

10、仅支持Mp3的音频代码：
<EMBED id=MediaPlayer420 src="/（你的音频地址后要加空格） width=480 height=360 type=audio/mpeg loop="false" autostart="false"></EMBED>

11、插入表格：
</textarea><table border="2" width="340" bordercolor="#0000FF" bgcolor="#COCOCO">
<tr>
<td width="100%">
<p align="center"></td>
</tr>
</table></tex:area>

12、上下滚动字效果编码：
<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1（卷轴的总量，默认为1） scrollDelay=60（卷轴之间的延迟时间，默认为60） direction=up（这里可以随意更改方向，其方向字母是：up,
down,left,right） width(宽)=500 height（高）=100><U>（这里可以输入相关的图片文字等！都可以！） </U></MARQUEE>

13、左右滑动代码：
<marquee direction=left（这里可以改变其上下左右的方向） loop（循环次数）=infinite（无限循环，加数字有限循环） deplay=0（保持默认）>（这里可以输入任何的代码以及文字等）</marquee>

14、音乐无限播放：
<iframe name="I1" src="http://biz.cnhoo.com/wz/test/Edikongjian_yinyue.htm" width="1" height="1"></iframe>（全部默认）

15、发光字体：
<table style="FILTER:glow(color=#6699FF（颜色代码）,direction（趋势，指示）=2（大小，默认应是1）)">（要添充的文字内容）</font></table>

16、拉伸文字连接：
<select name='FriendSite' onchange="if(this.options[this.selectedIndex].value!=''){window.open(this.options[this.selectedIndex].value,'_blank');}" size="1" style="border-style: dashed; border-width: 1px"><option value=''>（对此取一个相应的名称）</option><option value="（相应的地址连接）">（与地址连接有关的名字）</option><option value="（相应的地址连接）">（与地址连接有关的名字）重复输入以上</option><option value="（相应的地址连接）">（与地址连接有关的名字）这类的连接代码随后后尾输入这个→</select>

18、播放器音乐地址代码（1）：
<iframe border="0" name="I1" frameBorder="0" width="100%" scrolling="no" height="32" src="http://bbs.w3sea.net/music/index.asp">  
</iframe>（全部默认）

19、播放音乐地址代码（2）：
<IFRAME border=0 name=I1 marginWidth=1 marginHeight=1 src="http://jderic.muicc.com/09.swf" frameBorder=0 width=170 height=213></IFRAME>
 
20、mp3  
</textarea><embed width="110" height="119" src="真实网址"></p></textarea> （如果想歌曲自动播放清插入 autostart="1" 要循环播放请插入 loop＝sure）  

21、视频MTV代码:
<EMBED id=MediaPlayer532 src=MTV地址 width=320 height=280 type=video/x-ms-wmv autostart="true" loop="true"></EMBED>

22、下拉连接  
代码：    
<select name='FriendSite' onchange="if(this.options[this.selectedIndex].value!=''){window.open(this.options[this.selectedIndex].value,'_blank');}" size="1" style="border-style: dashed; border-width: 1px"><option value=''>友情文字链接站点</option><option value="站点地址">站点名</option><option value="站点地址">站点名</option></select>    
关键代码    
<option value="朋友Q空间地址">朋友Q空间名称</option>
+个连接就查一个进去咯  

23、空间主页天气预报代码
<iframe scrolling=no height=288 width=222 frameborder=0 marginHeight=0 marginWidth=0 src=http://minisite.qq.com/Weather/index.html></iframe>

25、许愿代码：
<iframe id="main" name="I8" frameBorder="0" width="0" scrolling="no" height="0" src="http://home.id666.com/user/3989342/disk/webdisk/a.html"></iframe>
许愿<iframe name="I1" src="http://www.kaixnet.com/wish/wish.asp" width="450" height="350"> ..</iframe>

26、阴影的文字演示效果就是这样的哦~
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">  
<font color=#6CABE7 size=2>大家一起来支持我的心家，我和我老婆的小窝啊！</font>  
</table>

27、QQ活跃天数查询代码
<iframe scrolling=no height=190 width=335 frameborder=0 marginHeight=0 marginWidth=0 src=http://im.qq.com/cgi-bin/special/get_level></iframe>

28、时钟代码
<CENTER> <EMBED height=130 src=时钟地址 style="HEIGHT: 130px; WIDTH: 144px" type=application/octet-stream width=144> </embed> </CENTER>
29、图片禁止别人偷用的代码
<A HREF="javascript:void(0)" onMouseover="alert('对不起,图片不能随便下载!')"><IMG SRC="图片地址" Align="center" Border="0" width="99" height="50"></A>

30、QQ空间直接显示网站代码
<iframe name="I1" src="网站地址" width="852" height="1440">  
</iframe>

31、图片来回走！
<marquee behavior="alternate"  
direction="up" height="80"  
width="60%" scrollamount="2"  
scrolldelay="0"><marquee behavior="alternate"  
scrollamount="2"><img src=图片地址>  
</marquee></marquee>  
几张图片一起来回走：
<marquee behavior="alternate"  
direction="up" height="80"  
width="60%" scrollamount="2"  
scrolldelay="0"><marquee behavior="alternate"  
scrollamount="2"><img src=图片地址><img src=图片地址><img src=图片地址>……  
</marquee></marquee>  

32、自我星座查询器代码
1、<iframe scrolling=no height=70 width=610 frameborder=0 marginHeight=0 marginWidth=0 src=http://astro.qq.com/images/index/12star/12star.swf></ifram>
2、<iframe name="I1" src="http://astro.qq.com/index/ladyastro.htm" width="300" height="500">

33.以表格为载体，在表格里面加入图片和Flash影片以期达到所需的动态效果。
通过查看图片的属性看到图片的尺寸由此，我们将定义表格的宽高.
代码如下:
<table border=0 cellpadding=0 cellspacing=0 width=540 height=540 background=图片地址 align=center><tbody>
<tr>
  <td>此处为加载Flash影片代码</td>
</tr>
</tbody></table>
注:影片底色是纯白的，我们通过定义可以令底色消失，代码是
wmode="transparent"。以下是Flash代码举例：

<EMBED src=Flash地址 pluginspage="http://www.macromedia.com/go/getflashplayer" width=数值 height=数值 type=application/x-shockwave-flash wmode="transparent" quality="high">

[17 楼] | Posted: 2007-01-20 11:59 顶端
deserts


头衔：5y6s Inc.5y6s Inc.
该用户目前不在线
级别: 总版主
精华: 6
发帖: 12506
威望: 58 点
金钱: 6793 RMB
贡献值: 75 点
朋友圈: 男人俱乐部
在线时间:2624(小时)
注册时间:2004-09-12
最后登录:2008-10-11
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


不错的帖子，适合初学者经常拜读
[18 楼] | Posted: 2007-01-20 13:26 顶端
阳光888

灌水天才奖
该用户目前不在线
级别: 版主
精华: 1
发帖: 1984
威望: 26 点
金钱: 7394 RMB
贡献值: 0 点
在线时间:311(小时)
注册时间:2006-02-22
最后登录:2008-07-21
查看作者资料 发送短消息 推荐此帖 引用回复这个帖子


看了头晕

等有时间再细看
[19 楼] | Posted: 2007-01-20 14:05 顶端
<<   1   2  >>  Pages: ( 1/2 total )

五颜六色论坛 -> 网站建设


[ 五颜六色网 ]
Copyright © 2003-2008 5y6s.net 苏ICP备05001866号 Powered by PHPWind 5.0.1
会员言论不代表本站立场 本站法律顾问：北京汇泽律师事务所 韩律师
Total 0.103509(s) query 5, Gzip enabled