博客屋首页     新版     你还没有登录,请先登录     图书城网上书店
注 册   |   登 录

网页特效代码

推荐     收藏
秋爽 @ 2006-11-18 16:54:05

给 文章添加背景图片

<div style="background-image: url('背景图片地址')">

 <div style="background-image: url('背景图片地址')">播放器系列:

 银色播放器gray
<p><embed style="filter: gray" src="音乐地址" width="300" height="40" type="audio/mpeg" loop="1" autostart="true"
volume="1"></P>
一款漂亮的播放器
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<P align=center><EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>
 
 
紫色播放器invert
<p><embed style="filter: invert" src="音乐地址" width="300" height="40" type="audio/mpeg" loop="1" autostart="true" volume="1"></P>
 

如果一个页面要放入多个音乐,可以考虑几种播放器混合使用:

●自动播放,不循环语法命令
<embed style="filter: gray" src="音乐地址" width="300" height="40" type="audio/mpeg" volume="1" autostart="1" loop="0">

●手动播放,自动循环语法命令
<embed style="filter: gray" src="音乐地址" width="300" height="40" type="audio/mpeg" volume="1" autostart="0" loop="1">

●手动播放,不循环语法命令
<embed style="filter: gray" src="音乐地址" width="300" height="40" type="audio/mpeg" volume="1" autostart="0" loop="0">

●隐藏播放器,自动播放,自动循环
<embed style="filter: gray" src="音乐地址" width="300" height="40" hidden=true type="audio/mpeg" loop="1" autostart="1" volume="1">

●背景音乐,无播放器,把浏览器(IE)最小化时就停播了
<bgsound src="音乐地址" volume=1 loop=1>

你是想在论坛上播放音乐吧??
在回复帖子的时候打开帖子的HTML功能,然后添加如下代码!
</CENTER>
<object classid=clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA id=Player name=player width=300 height=60>
<param name="_ExtentX" value="7938">
<param name="_ExtentY" value="1588">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="
http://你的歌曲链接地址.MP3">
<param name="CONTROLS" value="StatusBar,ControlPanel">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="
http://你的歌曲链接地址.MP3" width="300" autostart="true" height="60">
</object>
</center>
这个是REAL的播放器!对方的电脑必须安装了该软件才能听!
注意:大部分的论坛不支持歌曲上传的,所以你只能链接其他网站的歌曲!!
另外你说的(有的网页只认可.rar、.zip格式音乐文件)这是不正确的!因为RAR和ZIP是文件压缩的格式后缀名!也就是说你把音乐压缩了就不能播放了!!
所以你只能播放MP3、WMA、RM、RA等后缀名的歌曲!!明白了吗?

 
文字图片移动系列:
 

文字向左走

<marquee style="width: 530px; height: 17px" scrollAmount=1 scrollDelay=100 width="530" height="17"><font face="隶书 color=" size="5" #0000ff?>
<div class=blogIntroduce><font color="#0000ff">加入文字</DIV></FONT></MARQUEE>

文字向中碰
<marquee scrollAmount=2 direction=down height="60">
<center><font face="华文彩云 color=" size="7" #da70d6?><b><font color="#ff0000">加入文字</FONT> </FONT></CENTER></B></MARQUEE>
<center></CENTER>
<marquee scrollAmount=2 direction=up height="60">
<center><font face="华文彩云 color=" size="7" #da70d6?><b><font color="#ff0000">加入文字</FONT></FONT></CENTER></B></MARQUEE>
<center></CENTER>

文字分开走
<marquee scrollAmount=2 direction=up height="60">
<center><font face="华文彩云 color=" size="6" #da70d6?><b><font color="#0000ff">加入文字</FONT></FONT></CENTER></B></MARQUEE>
<marquee style="width: 530px; height: 60px" scrollAmount=2 direction=down height="60">
<center><font face="华文彩云 color=" size="6" #da70d6?><b><font color="#0000ff">加入文字</FONT></FONT></CENTER></B></MARQUEE>&nbsp;
<center></CENTER>

文字向上走
<marquee scrollAmount=1 scrollDelay=100 direction=up width="450" height="250"><font style="font-size: 20pt; filter: shadow(color=#0000ff); width: 100%; color: #f1d5a5; line-height: 200%; font-family: 宋体">
<p align="center">加入文字</P></FONT></MARQUEE>

 图片向上走

<marquee scrollAmount=4 scrollDelay=150 direction=up width="450" height="500" borderColor="#000000" border="1">
<p align="center"><img src="图片地址"></P>
<p align="center"><img src="图片地址"></P>
<p align="center"><img src="图片地址"></P></MARQUEE>
<center></CENTER>

 图片左右分

<marquee width="200" height="50"><img src="图片地址"><img src="图片地址"><img src="图片地址"></MARQUEE>
<marquee direction=right width="200" height="50"><img src="图片地址"><img src="图片地址"><img src="图片地址"></MARQUEE><br><br>

 在要实现滚动显示的文本首尾插入:
<marquee id=ca onMouseOver=ca.stop() onMouseOut=ca.start() scrollamount=1 direction=up height=100>文本...</marquee>

图片羽化
<img style="filter: alpha(opacity=100,style=2); width: 467px; height: 548px" src="图片地址">
 

图片上飘动文字的代码

<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>

图片在文字的左面

<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>

 图片在文字右面

<P><IMG height=201 src="图片连接地址" width=154 align=right border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>

 

发光文字代码

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

<font color=#ffffff size=2>你要的文字</font></table>   

其中color 是阴影的颜色,可以配合网页色调改变,direction 是设置阴影的强度。font color是原字体的颜色。   

 

3D文字代码:  

<style type="text/css">      
.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }       
</style>      
<table border="0" width="100%">      
<tr>      
<td width="100%" class="3dfont"><font color="#008040">文字</font>    

 浮雕的文字   

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

<font color=#0000FF>你要的文字</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">输入内容</table>   

让文字环绕图片

  在文章中适当部位插入一张图片,注意,图片的大小不要太大,文章的宽度是480像素,最好要小于这个数值。 

勾选“显示源代码”勾选框,编辑插入图片的代码,在<IMG ……>标签中的最后加入属性,align=***,***可以为三种选项,align=left图片居左,align=right,图片居右,align=center,图片居中。

 把经常用的特效代码放一起,用起来方便。
添加透明flash

<embed style="left: 90px; position: absolute; top: 200px" align="center" src="http://imgfree.21cn.com/free/flash/88.swf" width="530" height="370" type="application/x-shockwave-flash" ; quality="high" wmode="transparent">

 

类别:未分类   2182次浏览   13篇评论
相关文章:

网友评论:
笑对人生
笑对人生 @ 2007-11-15 15:35:15 评论
哦好笨哟,就是学不会,可能是知识学的太少的缘故吧
作者回复:呵呵,谦虚了,你做的已经很好了。
水的精彩
水的精彩 @ 2007-03-22 12:19:54 评论
谢谢!我收了去,装饰文字,打扮心情。
作者回复:不客气,喜欢尽管拿!
翡冷翠
翡冷翠 @ 2006-12-15 17:19:52 评论
我收藏了.回家研究研究.
作者回复:好的!:))
叶子无语
叶子无语 @ 2006-11-25 14:36:54 评论
谢了.姐姐真是辛苦了.
作者回复:不客气,要是叶子喜欢,尽管用就好了。:))
叮铛
叮铛 @ 2006-11-22 16:35:41 评论
转换后在哪个位置加比较合适呀,我常常加得不对哦
作者回复:现在知道了吗?:))
东篱菊影
东篱菊影 @ 2006-11-19 19:09:05 评论
我就没兴趣学。太麻烦!看你的就行了。嘻嘻......
作者回复:行啊,只要不嫌烦就行,嘿嘿……
胡扯九道
胡扯九道 @ 2006-11-19 14:07:06 评论
我选择这个博客屋就是欣赏它的简单,不想再人为的复杂了,虽然也很欣赏你们做的漂亮图片,但是自己不想尝试。
作者回复:怕我找你要学费啊?你不是有钱吗?嘻嘻
藏金
藏金 @ 2006-11-19 01:41:40 评论
你这个  "网页特效代码"是怎么用呀???加载那里呀???有时间的话能教教我吗???谢谢了!!!
这篇文章我先收藏了!!!等你教我后再用!!!
作者回复:你在添加文章的时候,点击第二行倒数第二个图标 是切换页面形式用的,点击它以后上面显示的都是诸如这篇文章的代码,然后把你喜欢的图片或是flash地址插入就行了。
若兰
若兰 @ 2006-11-18 22:37:09 评论
活到老,学到老.有时间一定学习一下网页的制作.谢谢你.
作者回复:不客气。:))
王一凡
王一凡 @ 2006-11-18 22:34:02 评论
有机会试试!
作者回复:好的。:))
xixi
xixi @ 2006-11-18 21:49:35 评论
虽然现在懒得做了,但还是喜欢,收藏了呵呵!
作者回复::)))
风中的眼睛
风中的眼睛 @ 2006-11-18 20:14:20 评论
我是真的不懂啊   有时间能给我开开小灶吗?
作者回复:没问题!:)))不过事先说好,收费很贵的哦!:)))
221.226.60.246 @ 2006-11-18 19:05:43 评论
回家我就收藏了.谢谢秋爽.       misjwq
作者回复:不客气,能方便大家也是我的心愿。:))

发表评论前请先快速注册或者登录博客屋     (为了减少广告留言,暂时不允许匿名评论)
马上注册并发表评论
秋爽个人档案
秋爽 发站内短信  加为我的朋友
生日: 1976-8-7 (性别: 女)
来自于: 暂未登记
    更多资料