您好!欢迎您光临学习特效音画的请进 _蓝色畅想の梦! 聊天室 I 论坛 I 免费电影 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络学堂>>>HTML入门>>>学习特效音画的请进
学习特效音画的请进
发表日期:2007/10/2 4:46:00 出处:未知 作者:未知 发布人:lscx2007 已被访问 261

有的朋友问我网页是如何制作,对于网页的制作,里面用的代码很多。对于一些朋友来说很难,下面这种方法朋友们可以试试,很容易上手。会套用就是了。

下面就试试讲讲我制作的过程,嘿嘿!说错了,请高手们指点.

第一步.首先找到你喜欢的特效..下面我主楼的原始特效.

http://www.shaowunet.com//blog/person/yiyi/yiyi/yiyi/10/6/116/1.htm

打开特效后,点击电脑上面的文件菜单,点击另存为,存在指定的文件夹里..点开文件夹里面就可以看见下面两个标记了.

             

第一个里面是你下载特效的全部图片,这时点击就可以欣赏到原网页的效果.

第二步 在上右键拖到打开方式,是以记事本打开的,出现在面前是下面的原代码.

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0067)http://www.shaowunet.com//blog/person/yiyi/yiyi/yiyi/10/6/116/1.htm -->
<HTML xmlns:t = "urn:schemas-microsoft-com:time"><HEAD><TITLE>埶埶壴&#22253;摿澚澗錟</TITLE>
<META http-equiv=Content-Type content="text/html; charset=Shift_JIS">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2900.2912" name=GENERATOR>
<STYLE type=text/css>.time {
BEHAVIOR: url(#default#time2)
}
BODY {
SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000
}
BODY {
BORDER-RIGHT: #000066 7px ridge; BORDER-TOP: #000066 7px ridge; BORDER-LEFT: #000066 7px ridge; BORDER-BOTTOM: #000066 7px ridge
}
</STYLE>
</HEAD>
<BODY oncontextmenu="return false" id=body1 bgColor=#000000
background=""><BGSOUND balance=0 src="" volume=0 loop=infinite><!----><IMG
class=time id=k3
style="LEFT: 420px; WIDTH: 0px; POSITION: absolute; TOP: 78px; HEIGHT: 0px"
src="摿澚.files/catt-sakura-bk1.jpg" end = "85"> <?import namespace = t urn =
"urn:schemas-microsoft-com:time" implementation = "#default#time2" /><t:animate
id=large1 attributeName = "width" from = "0" targetElement = "k3" to = "583"
autoReverse = "true" begin = "0" dur = "9" fill = "hold" repeatCount =
"1"></t:animate><t:animate id=large2 attributeName = "height" from = "474"
targetElement = "k3" to = "474" autoReverse = "true" begin = "0" dur = "9" fill
= "hold" repeatCount = "1"></t:animate><!----><t:animateMotion id=hosei3 from =
"0,0" targetElement = "k3" to = "-219.5,0" autoReverse = "true" begin = "0" dur
= "9" fill = "hold" repeatCount = "1"></t:animateMotion><t:animate id=large1
attributeName = "width" from = "0" targetElement = "k3" to = "583" begin = "18"
dur = "9" fill = "hold"></t:animate><t:animate id=large2 attributeName =
"height" from = "474" targetElement = "k3" to = "474" begin = "18" dur = "9"
fill = "hold"></t:animate><!----><t:animateMotion id=hosei3 from = "0,0"
targetElement = "k3" to = "-219.5,0" begin = "18" dur = "9" fill =
"hold"></t:animateMotion><t:transitionFilter id=fanWipe2 from = "0"
targetElement = "k3" to = "1" type = "fanWipe" subType = "centerTop" mode =
"out" autoReverse = "false" begin = "75" dur = "10" repeatCount =
"1"></t:transitionFilter><!----><IMG id=k1
style="FILTER: alpha(style=2 opacity=90); LEFT: -30px; WIDTH: 1000px; POSITION: absolute; TOP: -50px; HEIGHT: 700px"
src="摿澚.files/catt-b.jpg" end="27"> <t:animate id=small1 attributeName = "width"
from = "1000" targetElement = "k1" to = "0" autoReverse = "true" begin = "0" dur
= "9" fill = "hold" repeatCount = "1"></t:animate><t:animate id=small2
attributeName = "height" from = "700" targetElement = "k1" to = "700"
autoReverse = "true" begin = "0" dur = "9" fill = "hold" repeatCount =
"1"></t:animate><!----><t:animateMotion id=hosei1 from = "0,0" targetElement =
"k1" to = "500,0" autoReverse = "true" begin = "0" dur = "9" fill = "hold"
repeatCount = "1"></t:animateMotion><t:animate id=small1 attributeName = "width"
from = "1000" targetElement = "k1" to = "0" begin = "18" dur = "9" fill =
"hold"></t:animate><t:animate id=small2 attributeName = "height" from = "700"
targetElement = "k1" to = "700" begin = "18" dur = "9" fill =
"hold"></t:animate><!----><t:animateMotion id=hosei1 from = "0,0" targetElement
= "k1" to = "500,0" begin = "18" dur = "9" fill = "hold"></t:animateMotion><IMG
class=time id=k5b
style="FILTER: alpha(style=2 opacity=90); LEFT: 430px; POSITION: absolute; TOP: 370px"
src="摿澚.files/catt-b.jpg" begin = "26"> <t:animate id=large1 attributeName =
"width" from = "0" targetElement = "k5b" to = "202" begin = "26" dur = "5" fill
= "hold"></t:animate><t:animate id=large2 attributeName = "height" from = "0"
targetElement = "k5b" to = "169" begin = "26" dur = "5" fill =
"hold"></t:animate><!----><t:animateMotion id=hosei3 from = "0,0" targetElement
= "k5b" to = "-101,-84.5" begin = "26" dur = "5" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k5b" to = "-20,110" begin = "31" dur = "4" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k5b" to = "200,0" begin = "36" dur = "4" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k5b" to = "60,-80" begin = "40" dur = "5" fill =
"hold"></t:animateMotion><t:animate id=small1 attributeName = "width" from =
"202" targetElement = "k5b" to = "0" begin = "45" dur = "5" fill =
"hold"></t:animate><t:animate id=small2 attributeName = "height" from = "169"
targetElement = "k5b" to = "0" begin = "45" dur = "5" fill = "hold"></t:animate><!----><t:animateMotion id=hosei1 from = "0,0" targetElement
= "k5b" to = "101,84.5" begin = "45" dur = "5" fill =
"hold"></t:animateMotion><IMG class=time id=k5
style="LEFT: 430px; POSITION: absolute; TOP: 370px"
src="摿澚.files/catt-sakura-b2.gif" begin = "26"> <t:animate id=large1
attributeName = "width" from = "0" targetElement = "k5" to = "102" begin = "26"
dur = "5" fill = "hold"></t:animate><t:animate id=large2 attributeName =
"height" from = "0" targetElement = "k5" to = "69" begin = "26" dur = "5" fill =
"hold"></t:animate><!----><t:animateMotion id=hosei3 from = "0,0" targetElement
= "k5" to = "-51,-34.5" begin = "26" dur = "5" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k5" to = "-20,110" begin = "31" dur = "4" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k5" to = "200,0" begin = "36" dur = "4" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k5" to = "60,-80" begin = "40" dur = "5" fill =
"hold"></t:animateMotion><t:animate id=small1 attributeName = "width" from =
"102" targetElement = "k5" to = "0" begin = "45" dur = "5" fill =
"hold"></t:animate><t:animate id=small2 attributeName = "height" from = "69"
targetElement = "k5" to = "0" begin = "45" dur = "5" fill = "hold"></t:animate><!----><t:animateMotion id=hosei1 from = "0,0" targetElement
= "k5" to = "51,34.5" begin = "45" dur = "5" fill = "hold"></t:animateMotion><!----><IMG class=time id=bk1
style="LEFT: 200px; POSITION: absolute; TOP: 78px"
src="摿澚.files/catt-sakura-bk4.jpg" begin = "75"> <t:transitionFilter id=fanWipe1
from = "0" targetElement = "bk1" to = "1" type = "fanWipe" subType = "centerTop"
mode = "in" autoReverse = "false" begin = "75" dur = "10" repeatCount =
"2"></t:transitionFilter><!----><IMG class=time id=bk2
style="FILTER: alpha(style=2 opacity=90); LEFT: -8px; WIDTH: 1000px; POSITION: absolute; TOP: -74px; HEIGHT: 700px"
src="摿澚.files/catt-b.jpg" begin = "75" end = "95"> <t:transitionFilter
id=fanWipe1 from = "0" targetElement = "bk2" to = "1" type = "fanWipe" subType =
"centerTop" mode = "in" autoReverse = "true" begin = "75" dur = "10" repeatCount
= "1"></t:transitionFilter><IMG class=time id=bk3
style="FILTER: alpha(style=2 opacity=90); LEFT: 0px; POSITION: absolute; TOP: 0px"
src="摿澚.files/catt-sakura1.gif" begin = "95" end = ""> <t:transitionFilter
id=fade1 from = "0" targetElement = "bk3" to = "1" type = "fade" subType =
"crossFade" mode = "in" autoReverse = "false" begin = "95" dur = "10"
repeatCount = "1"></t:transitionFilter><IMG class=time id=bk4
style="RIGHT: 0px; FILTER: alpha(style=2 opacity=90); POSITION: absolute; TOP: 0px"
src="摿澚.files/catt-sakura2.gif" begin = "95" end = ""> <t:transitionFilter
id=fade1 from = "0" targetElement = "bk4" to = "1" type = "fade" subType =
"crossFade" mode = "in" autoReverse = "false" begin = "95" dur = "10"
repeatCount = "1"></t:transitionFilter><IMG class=time id=k6b
style="FILTER: alpha(style=2 opacity=90); LEFT: 680px; POSITION: absolute; TOP: 400px"
src="摿澚.files/catt-ak.jpg" begin = "45"> <t:animate id=large1 attributeName =
"width" from = "0" targetElement = "k6b" to = "450" begin = "45" dur = "10" fill
= "hold"></t:animate><t:animate id=large2 attributeName = "height" from = "0"
targetElement = "k6b" to = "550" begin = "45" dur = "10" fill =
"hold"></t:animate><!----><t:animateMotion id=hosei1 from = "0,0" targetElement
= "k6b" to = "-250,-250" begin = "45" dur = "10" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei1 from = "-300,-50"
targetElement = "k6b" to = "130,20" autoReverse = "true" begin = "90" dur = "10"
fill = "hold" repeatCount = "indefinite"></t:animateMotion><IMG class=time
id=kira1
style="FILTER: alpha(style=2 opacity=90); LEFT: 400px; POSITION: absolute; TOP: 160px"
src="摿澚.files/catt-sakura-b3.gif" begin = "100"> <t:animatemotion id=kyokusen1
path = "m 0 0 c 46 -72 330 147 473 629" targetElement = "kira1" autoReverse =
"false" begin = "100" dur = "20" fill = "hold" repeatCount =
"indefinite"></t:animatemotion><IMG class=time id=kira2
style="FILTER: alpha(style=2 opacity=90); LEFT: 400px; POSITION: absolute; TOP: 160px"
src="摿澚.files/catt-sakura-b3.gif" begin = "104"> <t:animatemotion id=kyokusen1
path = "m 0 0 c 46 -72 330 147 473 629" targetElement = "kira2" autoReverse =
"false" begin = "104" dur = "20" fill = "hold" repeatCount =
"indefinite"></t:animatemotion><IMG class=time id=kira3
style="FILTER: alpha(style=2 opacity=90); LEFT: 400px; POSITION: absolute; TOP: 160px"
src="摿澚.files/catt-sakura-b3.gif" begin = "108"> <t:animatemotion id=kyokusen1
path = "m 0 0 c 46 -72 330 147 473 629" targetElement = "kira3" autoReverse =
"false" begin = "108" dur = "20" fill = "hold" repeatCount =
"indefinite"></t:animatemotion><IMG class=time id=kira4
style="FILTER: alpha(style=2 opacity=90); LEFT: 400px; POSITION: absolute; TOP: 160px"
src="摿澚.files/catt-sakura-b3.gif" begin = "112"> <t:animatemotion id=kyokusen1
path = "m 0 0 c 46 -72 330 147 473 629" targetElement = "kira4" autoReverse =
"false" begin = "112" dur = "20" fill = "hold" repeatCount =
"indefinite"></t:animatemotion><IMG class=time id=kira5
style="FILTER: alpha(style=2 opacity=90); LEFT: 400px; POSITION: absolute; TOP: 160px"
src="摿澚.files/catt-sakura-b3.gif" begin = "116"> <t:animatemotion id=kyokusen1
path = "m 0 0 c 46 -72 330 147 473 629" targetElement = "kira5" autoReverse =
"false" begin = "116" dur = "20" fill = "hold" repeatCount =
"indefinite"></t:animatemotion><IMG class=time id=kira6
style="FILTER: alpha(style=2 opacity=90); LEFT: 400px; POSITION: absolute; TOP: 160px"
src="摿澚.files/catt-sakura-b3.gif" begin = "120"> <t:animatemotion id=kyokusen1
path = "m 0 0 c 46 -72 330 147 473 629" targetElement = "kira6" autoReverse =
"false" begin = "120" dur = "20" fill = "hold" repeatCount =
"indefinite"></t:animatemotion><IMG class=time id=k6
style="LEFT: 661px; POSITION: absolute; TOP: 377px" height=319
src="摿澚.files/catt-pu1.gif" width=192 begin = "45"> <t:animate id=large1
attributeName = "width" from = "0" targetElement = "k6" to = "157.5" begin =
"45" dur = "10" fill = "hold"></t:animate><t:animate id=large2 attributeName =
"height" from = "0" targetElement = "k6" to = "210" begin = "45" dur = "10" fill
= "hold"></t:animate><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k6" to = "-130,-220" begin = "45" dur = "10" fill =
"hold"></t:animateMotion><t:animateMotion id=hosei3 from = "0,0" targetElement =
"k6" to = "-10,50" begin = "50" dur = "5" fill =
"hold"></t:animateMotion><t:transitionFilter id=Stretch1 from = "0"
targetElement = "k6" to = "1" type =
"progid:DXImageTransform.Microsoft.Stretch()" mode = "in" autoReverse = "true"
begin = "60" dur = "7" repeatCount =
"1"></t:transitionFilter><t:transitionFilter id=Stretch1 from = "0"
targetElement = "k6" to = "1" type =
"progid:DXImageTransform.Microsoft.Stretch()" mode = "in" autoReverse = "false"
begin = "74" dur = "7" repeatCount = "2"></t:transitionFilter><t:animateMotion
id=hosei3 from = "-300,-50" targetElement = "k6" to = "130,20" autoReverse =
"true" begin = "90" dur = "10" fill = "hold" repeatCount =
"indefinite"></t:animateMotion><t:transitionFilter id=Stretch1 from = "0"
targetElement = "k6" to = "1" type =
"progid:DXImageTransform.Microsoft.Stretch()" mode = "in" autoReverse = "true"
begin = "95" dur = "7" repeatCount =
"indefinite"></t:transitionFilter><!----><IMG class=time id=mojib
style="RIGHT: -53px; FILTER: alpha(style=2 opacity=90); WIDTH: 450px; BOTTOM: -57px; POSITION: absolute; HEIGHT: 450px"
src="摿澚.files/catt-b.jpg" begin = "110"> <t:transitionFilter id=slideWipe1 from
= "0" targetElement = "mojib" to = "1" type = "slideWipe" subType = "fromLeft"
mode = "in" autoReverse = "false" begin = "110" dur = "30" repeatCount =
"1"></t:transitionFilter><!----><IMG class=time id=moji
style="RIGHT: 5px; BOTTOM: 30px; POSITION: absolute"
src="摿澚.files/catt-moji.gif" begin = "110"> <t:transitionFilter id=slideWipe1

第三步. 把上面的红色网址换成你自己制作图片的属性,点击保存,反过来点击,就可以欣赏你的漂亮的杰作了,最后将记事本文件以txt格式保存.上传就OK了.

 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:如何将透明flash导入进作品里

下篇文章:学用代码做风景相册

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

蓝色畅想の梦(二站) | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ391259448 联系人:蓝色幽梦

琼icp备09005167