常见时间类特效(frontpage)
frontpage特效代码-s利用这些代码可生成你想要的动画
位置: <body>与</body>之间插入代码一、在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!这与跳出式小窗口配合使用是再好不过啦!代码中“i=20”表示关闭的延迟时间为20秒,可任意修改。
<script language="javascript"><!--function clock(){i=i-1document.title="本窗口将在"+i+"秒后自动关闭!";if(i>0)setTimeout("clock();",1000);else self.close();}var i=20clock();//--></script>二、让文字跟心脏一样跳动,扑咚、扑咚……<style><!--#glowtext{filter:glow(color=ff0000,strength=2);width:100%;}--></style><script language="JavaScript1.2">function glowit(which){if (document.all.glowtext[which].filters[0].strength==2) document.all.glowtext[which].filters[0].strength=1elsedocument.all.glowtext[which].filters[0].strength=2}function glowit2(which){if (document.all.glowtext.filters[0].strength==2) document.all.glowtext.filters[0].strength=1elsedocument.all.glowtext.filters[0].strength=2}function startglowing(){if (document.all.glowtext&&glowtext.length){for (i=0;i<glowtext.length;i++)eval('setInterval("glowit('+i+')",150)')}else if (glowtext)setInterval("glowit2(0)",150)}if (document.all)window.onload=startglowing</script><span id="glowtext"><font color="F5D20A" " face="宋体" size="2">你的心是不是跟这一样跳?</font></span>三、跟随鼠标的漂亮星星<SCRIPT language=JavaScript><!--if (document.all){//To add more stars simply add more colours in below array!!colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ff ffff','fff000')//Alter nothing below!!amount=colours.length;YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0, mx=0;document.write('<div id="ie" style="position:absolute;top:0;left:0; "><div style="position:relative">');for (i=0; i < amount; i++)document.write('<div id="iestars" style="position:absolute;top:0px; left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px; color:'+colours[i]+';padding-top:20px;text-align:center">.</div>');document.write('</div></div>');ini=1;gstep=1;function iMouse(){my=event.y;mx=event.x;}document.onmousemove=iMousefunction dim(){ini-=gstep;dt=setTimeout('dim()',10);if (ini < 2){clearTimeout(dt);glow();}}function glow(){ini+=gstep;gt=setTimeout('glow()',10);if (ini > 14){clearTimeout(gt);dim();}}function stars(){ie.style.top=document.body.scrollTop; for (i=0; i < amount; i++){var layer=iestars[i].style;layer.filter='glow(color='+colours[i]+', strength='+ini+')';layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+ i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+ i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);}currStep+=step;}function delay(){Ydelay = YgetDelay+=(my-YgetDelay)*1/20;Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;stars();setTimeout('delay()',10);}delay();glow();}//--></SCRIPT>四、让屏幕抖动一阵<input onclick="www_helpor_net(2)" type="button" value="地震啦!!!"><script language="JavaScript"><!--function surfto(form) {var myindex=form.select1.selectedIndexif (form.select1.options[myindex].value != null) {parent.main.location.href=form.select1.options[myindex].value; }}// --></script><script language="JavaScript1.2"><!--function www_helpor_net(n) {if (window.top.moveBy) {for (i = 10; i > 0; i--) {for (j = n; j > 0; j--) {window.top.moveBy(0,i);window.top.moveBy(i,0);window.top.moveBy(0,-i);window.top.moveBy(-i,0);}}}alert(" 没吓坏吧!!! ");}// --></script>五、特殊效果的按钮<style type="text/css"><!--.over {color:yellow; background: navy}.down {color:yellow; background: navy; font-style: italic}--></style><inputtype="Button" value="按钮也疯狂" name="Button"onMouseOver="this.className='over';"onMouseOut="this.className='';this.value='按钮也疯狂'"onMouseDown="this.className='down';"onMouseUp="this.className='over';"onClick="this.value='我真的好喜欢你!'">六、文本自动向上循环滚动,鼠标放到上面还会暂时停下来。
网页常用11种特效
11.表格的半透明显示效果
在<head></head>之间加上如下代码:
<style>
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度
</style>
在<body></body>之间加上如下代码:
image [1] = ''tu1.gif''
image [2] = ''tu2.gif''
image [3] = ''tu3.gif''
image [4] = ''tu4.gif''
number = Math.floor(Math.random() * image.length);
function move(x) {
if(self.moveBy){
self.moveBy (0,-800);
for(i = x; i > 0; i--)
{
self.moveBy(0,3);
}
for(j = 200; j > 0; j--){ //如果你认为窗口抖动厉害,就200换成个位数
if (document.all)
document.body.onmousedown=new Function("if (event.button==2||event.button==3)
window.external.addFavorite(''您的网址'',''您的网站名称)")
if (( time >=14) && (time < 18))
【网页特效-时间特效】各地时间显示的一种方法,而且时间是在走动的
【网页特效-时间特效】各地时间显示的一种方法,而且时间是在走动的.txt师太,你是我心中的魔,贫僧离你越近,就离佛越远……初中的体育老师说:谁敢再穿裙子上我的课,就罚她倒立。
<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar timerID ;function tzone(tz, os, ds, cl){this.ct = new Date(0) ; // datetimethis.tz = tz ; // codethis.os = os ; // GMT offsetthis.ds = ds ; // has daylight savingsthis.cl = cl ; // font color}function UpdateClocks(){var ct = new Array(new tzone('SFO: ', -8, 1, 'lime'),new tzone('TYO: ', +9, 0, 'violet'),new tzone('HKG: ', +8, 0, 'cyan'),new tzone('BKK: ', +7, 0, 'yellow'),new tzone('NYC: ', -5, 1, '#FFAA00'),new tzone('LON: ', 0, 1, 'silver'),new tzone('SVO: ', +3, 0, 'pink'),new tzone('KTM: ', +5.75, 0, 'red')) ;var dt = new Date() ; // [GMT] time according to machine clockvar startDST = new Date(dt.getFullYear(), 3, 1) ;while (startDST.getDay() != 0)startDST.setDate(startDST.getDate() + 1) ;var endDST = new Date(dt.getFullYear(), 9, 31) ;while (endDST.getDay() != 0)endDST.setDate(endDST.getDate() - 1) ;var ds_active ; // DS currently activeif (startDST < dt && dt < endDST)ds_active = 1 ;elseds_active = 0 ;// Adjust each clock offset if that clock has DS and in DS.for(n=0 ; n<ct.length ; n++)if (ct[n].ds == 1 && ds_active == 1) ct[n].os++ ;// compensate time zonesgmdt = new Date() ;for (n=0 ; n<ct.length ; n++)ct[n].ct = new Date(gmdt.getTime() + ct[n].os * 3600 * 1000) ;document.all.Clock0.innerHTML ='<font color="' + ct[0].cl + '">' + ct[0].tz + ClockString(ct[0].ct) + '</font>' ; document.all.Clock1.innerHTML ='<font color="' + ct[1].cl + '">' + ct[1].tz + ClockString(ct[1].ct) + '</font>' ; document.all.Clock2.innerHTML ='<font color="' + ct[2].cl + '">' + ct[2].tz + ClockString(ct[2].ct) + '</font>' ; document.all.Clock3.innerHTML ='<font color="' + ct[3].cl + '">' + ct[3].tz + ClockString(ct[3].ct) + '</font>' ; document.all.Clock4.innerHTML ='<font color="' + ct[4].cl + '">' + ct[4].tz + ClockString(ct[4].ct) + '</font>' ; document.all.Clock5.innerHTML ='<font color="' + ct[5].cl + '">' + ct[5].tz + ClockString(ct[5].ct) + '</font>' ; document.all.Clock6.innerHTML ='<font color="' + ct[6].cl + '">' + ct[6].tz + ClockString(ct[6].ct) + '</font>' ; document.all.Clock7.innerHTML ='<font color="' + ct[7].cl + '">' + ct[7].tz + ClockString(ct[7].ct) + '</font>' ; timerID = window.setTimeout("UpdateClocks()", 1001) ;}function ClockString(dt){var stemp, ampm ;var dt_year = dt.getUTCFullYear() ;var dt_month = dt.getUTCMonth() + 1 ;var dt_day = dt.getUTCDate() ;var dt_hour = dt.getUTCHours() ;var dt_minute = dt.getUTCMinutes() ;var dt_second = dt.getUTCSeconds() ;dt_year = dt_year.toString() ;if (0 <= dt_hour && dt_hour < 12){ampm = 'AM' ;if (dt_hour == 0) dt_hour = 12 ;} else {ampm = 'PM' ;dt_hour = dt_hour - 12 ;if (dt_hour == 0) dt_hour = 12 ;}if (dt_minute < 10)dt_minute = '0' + dt_minute ;if (dt_second < 10)dt_second = '0' + dt_second ;stemp = dt_month + '/' + dt_day + '/' + dt_year.substr(2,2) ;stemp = stemp + ' ' + dt_hour + ":" + dt_minute + ":" + dt_second + ' ' + ampm ; return stemp ;}// End --></script><table border="0" cellspacing="0" width="100%"><tr bgcolor="#000000" style="font-family: Verdana, Tahoma, Arial; font-size: x-small"><td ID="Clock0" width="25%" > </td><td ID="Clock1" width="25%" > </td><td ID="Clock2" width="25%" > </td><td ID="Clock3" width="25%" > </td></tr><tr bgcolor="#000000" style="font-family: Verdana, Tahoma, Arial; font-size: x-small"><td ID="Clock4" width="25%" > </td><td ID="Clock5" width="25%" > </td><td ID="Clock6" width="25%" > </td><td ID="Clock7" width="25%" > </td></tr></table>Q291911320。
时间轴特效漫天花雨
时间轴特效的应用――漫天花雨一、制作花朵元件1.新建一个名称为“花朵”的影片剪辑元件。
插入—新建元件--影片剪辑,名称改为“花朵”。
2.绘制花朵。
第一步:选多角星形工具。
在元件编辑场景中,选择多角星形工具。
单击“属性”面板中的“选项”,打开“工具设置”对话框。
将“样式”设为“星形”,“边数”设为5,“星形顶点大小”设0.5。
单击“确定”按钮。
第二步:画五角星。
将笔触颜色改为无色,填充色改为任意颜色,在舞台上画一个无边框的星形。
第三步:将星改为花朵。
使用选择工具,鼠标移至星形的边沿,当指针变形为将星形的各边拉成弧形,使星形成为花朵状。
第四步:复制花朵。
按住ALT键不放开并拖动鼠标,将该花朵复制多个,并填充不同颜色。
第五步:进行多次复制。
使用任意变形工具,框选这些花朵,并复制。
在复制时使用【任意变形工具】改变大小和角度,还可以单独选中每一朵花重新填充你喜欢的颜色,直到满意为止。
二、制作分离特效1.返回到“场景1”。
将“花朵”元件从“库”面板中拖放到舞台上。
2.执行“插入--时间轴特效--效果--分离”命令,在“分离”面板中,设置“效果持续时间”为30帧,“分离方向”向下,“弧线大小”X为100象素,Y为300象素,“碎片旋转量”180度,其它数值不变,单击“确定”按钮。
3.单击右上角的“更新预览”,可以看到数值修改后的效果。
如果对这个效果不满意,还可以修改数值,并再次更新预览。
4.最后单击“确定”按钮。
稍等一会,分离效果出现了,在“库”里多了一个“分离1”元件和一个“特效文件夹”,图层名也自动改为了“分离1”。
三、组装动画1.执行”文件--导入--导入到库”命令,将外部的图片(任选自己电脑中的图片)导入到“库”中。
2.在“场景1”中插入图层,改名为“图片”。
删除“分离1”图层,将图片拖放到舞台上。
在时间轴上删除第1帧以外的其它帧,这些帧是在刚刚制作“分离”效果时自动插入的。
(3)插入图层,改名为“分离1”。
premiere视频特效--05时间类
时间类视频特效
时间类视频特效主要是通过处理视频相邻帧的变化,产生特殊的视觉效果。
包括抽帧时间和残影。
1. “抽帧时间”视频特效
通过改变素材播放的帧速率来回放素材,输入较低的帧速率会产生跳帧的效果。
2. “重影”视频特效
该特效可以将素材中不同时间的多个帧进行同时播放,产生条纹和反射的效果。
残影时间(秒):残影之间的时间,以秒为单位。
负值表示基于前面的帧创建残影;正值表示基于即将到来的帧创建残影。
残影数量:残影的数量。
例如,如果值为2,则结果为3个帧的组合。
起始强度:残影连续画面中第一个画面的不透明度。
衰减:残影的不透明度逐渐衰减的不透明度比率。
如,衰减为0.5时,第一个残影的不透明度为起始强度的一半;第二个为“起始强度”的四分之一,以此类推。
残影运算符:用于合并残影的混合运算。
残影效果有各种用途,包括从简单的视觉残影到条纹和污迹效果。
只有当剪辑包含运动时,该效果方可显效。
在默认情况下,应用残影效果时,任何事先应用的效果都被忽略。
一些常用的网页特效
一些常用的网页特效2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标7. <input style="ime-mode:disabled"> 关闭输入法8. 永远都会带着框架<script language="JavaScript"><!--if (window == top)top.location.href = "frames.htm";//frames.htm为框架网页// --></script>9. 防止被人frame<SCRIPT LANGUAGE=JAVASCRIPT><!--if (top.location != self.location)top.location=self.location;// --></SCRIPT>10. 网页将不能被另存为<noscript><iframesrc="/*.html>";</iframe></noscript>11. <input type=button value=查看网页源代码onclick="window.location = "view-source:"+ """>12.删除时确认<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>13. 取得控件的绝对位置//Javascript<script language="Javascript">function getIE(e){var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}alert("top="+t+"/nleft="+l);}</script>//VBScript<script language="VBScript"><!--function getIE()dim t,l,a,bset a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagName<>"BODY"set a = a.offsetParentt=t+a.offsetTopl=l+a.offsetLeftwendmsgbox"top="&t&chr(13)&"left="&l,64,"得到控件的位置"end function--></script>14. 光标是停在文本框文字的最后<script language="javascript">function cc(){var e = event.srcElement;var r =e.createTextRange();r.moveStart("character",e.value.length);r.collapse(true);r.select();}</script><input type=text name=text1 value="123"onfocus="cc()">15. 判断上一页的来源javascript:document.referrer16. 最小化、最大化、关闭窗口<object id=hh1classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A 11"><param name="Command"value="Minimize"></object><object id=hh2classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A 11"><param name="Command"value="Maximize"></object><OBJECT id=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"& gt;<PARAM NAME="Command"VALUE="Close"></OBJECT><input type=button value=最小化onclick=hh1.Click()><input type=button value=最大化onclick=hh2.Click()><input type=button value=关闭onclick=hh3.Click()> 本例适用于IE17.屏蔽功能键Shift,Alt,Ctrl<script>function look(){if(event.shiftKey)alert("禁止按Shift键!"); //可以换成ALT CTRL}document.onkeydown=look;</script>18. 网页不会被缓存<META HTTP-EQUIV="pragma"CONTENT="no-cache"><META HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate"><META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">或者<META HTTP-EQUIV="expires" CONTENT="0">19.怎样让表单没有凹凸感?<input type=text style="border:1 solid #000000">或<input type=text style="border-left:none;border-right:none; border-top:none; border-bottom:1 solid #000000"></textarea>20.<div><span>&<layer>的区别?<div>(division)用来定义大段的页面元素,会产生转行<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行<layer>是ns的标记,ie不支持,相当于<div> 21.让弹出窗口总是在最上面:<body onblur="this.focus();">22.不要滚动条?让竖条没有:<body style="overflow:scroll;overflow-y:hidden"></body>让横条没有:<body style="overflow:scroll;overflow-x:hidden"></body>两个都去掉?更简单了<body scroll="no"></body>23.怎样去掉图片链接点击后,图片周围的虚线?<a href="#" onFocus="this.blur()"><imgsrc="/logo.jpg" border=0></a>24.电子邮件处理提交表单<form name="form1" method="post"action="mailto:****@***.com" enctype="text/plain"><input type=submit></form>25.在打开的子窗口刷新父窗口的代码里如何写?window.opener.location.reload()26.如何设定打开页面的大小<body onload="top.resizeTo(300,200);">打开页面的位置<bodyonload="top.moveBy(300,200);">27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动<STYLE>body{background-image:url(/logo.gif);background-repeat:no-repeat;background-position:center;background-attachment: fixed} </STYLE>28. 检查一段字符串是否全由数字组成<script language="Javascript"><!--function checkNum(str){return str.match(//D/)==null}alert(checkNum("1232142141"))alert(checkNum("123214214a1"))// --></script>29. 获得一个窗口的大小document.body.clientWidth; document.body.clientHeight 30. 怎么判断是否是字符if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");else alert("全是字符");31.TEXTAREA自适应文字行数的多少<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight" ></textarea>32. 日期减去天数等于第二个日期<script language=Javascript>function cc(dd,dadd){//可以加上错误处理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")}cc("12/23/2002",2)</script>33. 选择了哪一个Radio<HTML><script language="vbscript"> function checkme()for each ob in radio1if ob.checked thenwindow.alert ob.valuenextend function</script><BODY><INPUT name="radio1" type="radio" value="style" checked>Style<INPUT name="radio1" type="radio"value="barcode">Barcode<INPUT type="button" value="check"onclick="checkme()"></BODY></HTML>34.脚本永不出错<SCRIPT LANGUAGE="JavaScript"><!-- Hidefunction killErrors() {return true;}window.onerror = killErrors;// --></SCRIPT>35.ENTER键可以让光标移到下一个输入框<inputonkeydown="if(event.keyCode==13)event.keyCode=9"> ;36. 检测某个网站的链接速度:把如下代码加入<body>区域中:<script language=Javascript>tim=1setInterval("tim++",100)b=1var autourl=new Array()autourl[1]=""autourl[2]=""autourl[3]=""autourl[4]=""autourl[5]=""function butt(){document.write("<form name=autof>")for(var i=1;i<autourl.length;i++)document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=textname=url"+i+" size=40> =》<input type=button value=GOonclick=window.open(this.form.url"+i+".value)><br> ;")document.write("<input type=submit value=刷新></form>")}butt()function auto(url){document.forms[0]["url"+b].value="/urlif(tim>200){document.forms[0]["txt"+b].value="/链接超时"}else{document.forms[0]["txt"+b].value=""时间"+tim/10+"秒"}b++}function run(){for(vari=1;i<autourl.length;i++)document.write("<imgsrc=http://"+autourl+"/"+Math.random()+" width=1 height=1 onerror=auto("http://"+autourl+"")>")}run()</script>37. 各种样式的光标auto :标准光标default :标准箭头hand :手形光标wait :等待光标text :I形光标vertical-text :水平I形光标no-drop :不可拖动光标not-allowed :无效光标help :?帮助光标all-scroll :三角方向标move :移动标crosshair :十字标e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize38.页面进入和退出的特效进入页面<meta http-equiv="Page-Enter"content="revealTrans(duration=x, transition=y)">推出页面<meta http-equiv="Page-Exit"content="revealTrans(duration=x, transition=y)">这个是页面被载入和调出时的一些特效。
时间轴特效的名词解释
时间轴特效的名词解释时间轴特效是指一种在电影、电视剧、动画以及其他视频制作中常用的技术手段。
通过使用时间轴特效,制作人员可以改变、操纵影片中的时间流逝,创造出一些非现实的效果或者突出某些情节。
一、时间轴特效的概念时间轴特效,顾名思义,是指通过对视频素材的时间轴进行调整或处理,使其呈现出一些与真实世界不同的效果。
这些特效技术有助于增强影片的视觉冲击力,使得观众可以沉浸在影片的虚构世界中。
二、时间轴特效的应用领域时间轴特效的应用领域非常广泛。
在电影制作中,时间轴特效可以用于创造特殊的时间流逝,如慢动作、快进、倒播等,从而使场景更加精彩。
另外,通过时间轴特效还可以实现斑驳的回忆镜头、幻想般的场景转换等效果,为影片增添了神秘感和幻觉色彩。
在电视剧制作中,时间轴特效常常用于展示人物的成长变化或者时间的推移,使剧情更加完整和连贯。
比如,在纪实类电视剧中,通过时间轴特效可以将历史事件和现实情节相连接,以便更好地传达信息和触动观众。
时间轴特效不仅局限于影视制作,也可以应用于动画片、广告以及其他视频制作中。
它们可以打破时间的限制,创造出独特的视觉效果,使得观众可以领略到一些平常看不到的画面。
三、时间轴特效的实现方式时间轴特效的实现方式多种多样,根据不同的需求和技术手段,可以选择合适的方法来达到目的。
以下是一些常见的时间轴特效实现方式:1. 慢动作、快进和倒播慢动作是通过将影片的帧率降低来实现的,使得场景中物体的运动速度变慢。
快进则是通过加快帧率来实现的,使得场景中物体的运动速度变快。
倒播则是将影片逆向播放,使得时间向后流逝。
2. 现实与回忆的切换在影片中,回忆场景通常采用黑白画面、模糊效果或者其他特殊的滤镜来实现,以与现实场景进行区分和辨识。
3. 时间重叠时间重叠是将两个或多个时间轴同时进行播放,使得场景中多个时间点同时出现。
这种效果常常用于展示人物的思绪或者多个事件的同时进行。
4. 时间断裂和快速编辑时间断裂是将影片中的不同时间段进行随机或者非线性排列,以创造出一种特殊的时间流逝感。
制作文字滚动类和日期类特效
页面展示
页面展示
教师讲解学习目标
演示案例1分析—文字滚动特效
效果展示
制作文字滚动特效的页面
案例分析
滚动特效
在指定位置手写 MARQUEE标记代码 在MARQUEE标记对 里添加内容
滚动特效
页面效果展示
教师讲解实现思路
相关理论
滚动标记MARQUEE的语法格式如下:
滚动方式 滚动方向
滚动时间间隔
被滚动的内容 </MARQUEE>
滚动速度
教师讲解相关理论
演示案例1制作—文字滚动特效
操作步骤
1. 2. 3. 4. 5. 打开素材页面,并切换到“代码”视图 添加MARQUEE标记代码 在MARQUEE标记对之间添加被滚动的内容 同理,添加多行文本垂直向上滚动 按F12键,查看运行效果
完成效果
演示案例2制作—无缝的连续滚动公告
实现思路
1.修改HTML代码,改变滚动文本信息 2.修改滚动文本所在区域的背景颜色 3.修改滚动文本的滚动速度
4.查看运行效果
素材页面 完成页面
教师演示操作步骤
演示案例2制作—无缝的连续滚动广告
关键代码
<SCRIPT language="JavaScript"> 设置文字滚动速度 var speed=10; div3.innerHTML=div2.innerHTML; //复制div2为div3 function Marquee(){ if(div3.offsetTop-div1.scrollTop<=0) //当滚动至div1与div3交界时 div1.scrollTop-=div2.offsetHeight; //div1跳到最顶端 else div1.scrollTop++;} var MyMar=setInterval(Marquee,speed); 设置定时器 div1.onmouseover=function() { clearInterval(MyMar);//鼠标移上时清除定时器达到滚动停止的目的 } div1.onmouseout=function() { MyMar=setInterval(Marquee,speed) 鼠标移开时重设定时器,继续滚动 } </SCRIPT>
AE时间扭曲特效 创造时间流逝的动画效果
AE时间扭曲特效:创造时间流逝的动画效果时间流逝是电影和动画中常见的一种表现手法。
通过对时间的扭曲和处理,我们可以创造出令人惊叹的动画效果。
在Adobe After Effects软件中,有许多强大的工具和特效可以帮助我们实现时间扭曲的效果。
本文将介绍几种常用的方法和技巧,帮助你在AE中创造出令人惊叹的时间流逝动画。
一、时间拉伸的基本方法时间拉伸是最基本的时间扭曲效果之一。
通过时间拉伸,我们可以让图像的运动变得快速或缓慢,以模拟时间的流逝。
在AE中,选择你想要应用时间拉伸效果的图层,然后点击菜单栏的"动画",选择"时间",再选择"时间伸缩"。
这将在图层上创建一个"时间伸缩"的效果。
在效果控制面板中,你可以调整时间伸缩的数值来改变图层的运动速度。
将数值设置大于100,图层将加快运动,小于100则会变慢。
通过调整不同的数值,你可以得到各种不同的快慢运动效果。
二、时间倒流效果时间倒流是一种非常炫酷的时间扭曲效果。
通过倒转图层的运动,可以创造出时间倒流的错觉。
在AE中,选择你想要应用时间倒流效果的图层,点击菜单栏的"动画",选择"时间",再选择"时间-反转操作"。
这将创建一个"时间-反转操作"的效果。
在效果控制面板中,你可以调整反转操作的参数,如开始反转时间和结束反转时间。
通过调整参数,你可以控制图层在哪个时间点开始和结束倒流。
这样,你就可以创造出令人惊叹的时间倒流效果。
三、实现时间冻结效果时间冻结效果是一种将图像的时间暂停的效果,常用于创造战斗或特技场景中的冻结瞬间。
在AE中,选择你想要应用时间冻结效果的图层,点击菜单栏的"动画",选择"时间",再选择"复合"。
这将创建一个"复合"的效果。
【网页特效-时间特效】一个使你自己可以动手创建的日历本,可是很有
【网页特效-时间特效】一个使你自己可以动手创建的日历本,可是很有.txt -你脚踏俩只船,你划得真漂亮。
- 每个说不想恋爱的人心里都装着一个不可能的人。
我心疼每一个不快乐却依然在笑的孩子。
(有没有那么一个人,看透我在隐身,知道我在等人。
<SCRIPT LANGUAGE="JavaScript"><!--function displayCalendar(init) {var i;var now = new Date();var nowYear = now.getYear() - 95;var nowMonth = now.getMonth();var nowDay = now.getDate();// on open of documentif (init==1) {document.calControl.month.selectedIndex = nowMonth;document.calControl.year.selectedIndex = nowYear;}var month=document.calControl.month.selectedIndexvar year=document.calControl.year.selectedIndex+1995var days=getDaysInMonth(month+1,year);var firstOfMonth = new Date (year, month, 1);var startingPos=firstOfMonth.getDay()+7;days+=startingPos;// label days of weeki=0;document.calButtons.elements[i++].value = " S ";document.calButtons.elements[i++].value = " M ";document.calButtons.elements[i++].value = " T ";document.calButtons.elements[i++].value = " W ";document.calButtons.elements[i++].value = " T ";document.calButtons.elements[i++].value = " F ";document.calButtons.elements[i++].value = " S ";// blank out non date buttonsfor (i=7; i<startingPos; i++)document.calButtons.elements[i].value = " ";for (i=startingPos; i<days; i++)document.calButtons.elements[i].value = i-startingPos+1;// show focus on today if the calendar is the proper month and yearif (month==nowMonth && year==nowYear+1995)document.calButtons.elements[nowDay+startingPos-1].focus();// blank out rest of non date buttonsfor (i=days; i<49; i++)document.calButtons.elements[i].value = " ";}function leapYear (Year) {if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0))return (1);elsereturn (0);}function getDaysInMonth(month,year) {var days;if (month==1 || month==3 || month==5 || month==7 || month==8 ||month==10 || month==12) days=31;else if (month==4 || month==6 || month==9 || month==11) days=30;else if (month==2) {if (leapYear (year)==1) days=29;else days=28;}return (days);}// --></SCRIPT><FORM NAME="calControl">month <SELECT NAME="month"><OPTION>Jan <OPTION>Feb <OPTION>Mar <OPTION>Apr <OPTION>May <OPTION>Jun <OPTION>Jul <OPTION>Aug <OPTION>Sep <OPTION>Oct <OPTION>Nov <OPTION>Dec </SELECT>year <SELECT NAME="year"><OPTION>1995 <OPTION>1996 <OPTION>1997 <OPTION>1998 <OPTION>1999 <OPTION>2000 </SELECT><INPUT TYPE="button" NAME="button1" VALUE="Create"onClick="displayCalendar(0)"></FORM><FORM NAME="calButtons"><INPUT TYPE="button" NAME="but0" value=" "><INPUT TYPE="button" NAME="but1" value=" "><INPUT TYPE="button" NAME="but2" value=" "><INPUT TYPE="button" NAME="but3" value=" "><INPUT TYPE="button" NAME="but4" value=" "><INPUT TYPE="button" NAME="but5" value=" "><INPUTTYPE="button" NAME="but6" value=" "></CENTER><CENTER><INPUT TYPE="button" NAME="but7" value=" "><INPUT TYPE="button" NAME="but8" value=" "><INPUT TYPE="button" NAME="but9" value=" "><INPUT TYPE="button" NAME="but10" value=" "><INPUT TYPE="button" NAME="but11" value=" "><INPUT TYPE="button" NAME="but12" value=" "><INPUT TYPE="button" NAME="but13" value=" "></CENTER><CENTER><INPUT TYPE="button" NAME="but14" value=" "><INPUT TYPE="button" NAME="but15" value=" "><INPUT TYPE="button" NAME="but16" value=" "><INPUT TYPE="button" NAME="but17" value=" "><INPUT TYPE="button" NAME="but18" value=" "><INPUT TYPE="button" NAME="but19" value=" "><INPUT TYPE="button" NAME="but20" value=" "></CENTER><CENTER><INPUT TYPE="button" NAME="but21" value=" "><INPUT TYPE="button" NAME="but22" value=" "><INPUT TYPE="button" NAME="but23" value=" "><INPUT TYPE="button" NAME="but24" value=" "><INPUT TYPE="button" NAME="but25" value=" "><INPUT TYPE="button" NAME="but26" value=" "><INPUT TYPE="button" NAME="but27" value=" "></CENTER><CENTER><INPUT TYPE="button" NAME="but28" value=" "><INPUT TYPE="button" NAME="but29" value=" "><INPUT TYPE="button" NAME="but30" value=" "><INPUT TYPE="button" NAME="but31" value=" "><INPUT TYPE="button" NAME="but32" value=" "><INPUT TYPE="button" NAME="but33" value=" "><INPUT TYPE="button" NAME="but34" value=" "></CENTER><CENTER><INPUT TYPE="button" NAME="but35" value=" "><INPUT TYPE="button" NAME="but36" value=" "><INPUT TYPE="button" NAME="but37" value=" "><INPUT TYPE="button" NAME="but38" value=" "><INPUT TYPE="button" NAME="but39" value=" "><INPUT TYPE="button" NAME="but40" value=" "><INPUT TYPE="button" NAME="but41" value=" "></CENTER><CENTER><INPUT TYPE="button" NAME="but42" value=" "><INPUT TYPE="button" NAME="but43" value=" "><INPUT TYPE="button" NAME="but44" value=" "><INPUT TYPE="button" NAME="but45" value=" "><INPUT TYPE="button" NAME="but46" value=" "><INPUT TYPE="button" NAME="but47" value=" "><INPUT TYPE="button" NAME="but48" value=" "></CENTER><CENTER></FORM>QQ291911320。
dreamweaver 经典网页特效及网页代码设计技巧系列之---农历日期
dreamweaver 经典网页特效及网页代码设计技巧系列之---农历日期我爱浪漫樱花资料网<scriptlanguage="JavaScript"><!-- Beginvar bsYear;var bsDate;var bsWeek;var arrLen=8; var sValue=0; var dayiy=0;我爱浪漫樱花资料网var miy=0;var iyear=0;var dayim=0;var spd=86400; varyear1999="30;29;29;30;29;29;30;29;30;30;30;29";varyear2000="30;30;29;我爱浪漫樱花资料网29;30;29;29;30;29;30;30;29";varyear2001="30;30;29;30;29;30;29;29;30;29;30;29;30";varyear2002="30;30;29;30;29;30;29;29;30;29;30;29";我爱浪漫樱花资料网varyear2003="30;30;29;30;30;29;30;29;29;30;29;30";varyear2004="29;30;29;30;30;29;30;29;30;29;30;29;30";varyear2005="29;30;29;我爱浪漫樱花资料网30;29;30;30;29;30;29;30;29";varyear2006="30;29;30;29;30;30;29;29;30;30;29;29;30";var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"我爱浪漫樱花资料网var month2001="正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月"var month2004="正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"我爱浪漫樱花资料网var month2006="正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月"var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;我爱浪漫樱花资料网十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";var Ys=newArray(arrLen); Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600;Ys[3]=1013443200;Ys我爱浪漫樱花资料网[4]=1044028800;Ys[5]=1074700800; Ys[6]=1107878400;Ys[7]=1138464000; var Yn=newArray(arrLen); Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年";Yn[3]="壬午年我爱浪漫樱花资料网";Yn[4]="癸未年";Yn[5]="甲申年";Yn[6]="乙酉年";Yn[7]="丙戌年";var D=new Date(); var yy=D.getYear(); varmm=D.getMonth()+1; var dd=D.getDate(); var ww=D.getDay();我爱浪漫樱花资料网if (ww==0) ww="<fontcolor=RED>星期日"; if (ww==1) ww="星期一";if (ww==2) ww="星期二";if (ww==3) ww="星期三";if (ww==4) ww="星期四";我爱浪漫樱花资料网if (ww==5) ww="星期五";if (ww==6) ww="<font color=RED>星期六";ww=ww;varss=parseInt(D.getTime() / 1000); if (yy<100) yy="19"+yy;我爱浪漫樱花资料网for(i=0;i<arrLen;i++) if (ss>=Ys[i]){ iyear=i; sValue=ss-Ys[i]; }dayiy=parseInt(sValue/spd)+1;var dpm=year1999; if (iyear==1)我爱浪漫樱花资料网dpm=year2000; if (iyear==2) dpm=year2001; if (iyear==3) dpm=year2002; if (iyear==4) dpm=year2003; if (iyear==5) dpm=year2004; if (iyear==6) 我爱浪漫樱花资料网dpm=year2005; if (iyear==7)dpm=year2006; dpm=dpm.split(";"); var Mn=month1999; if (iyear==2) Mn=month2001; if (iyear==5)Mn=month2004; if (iyear==7)我爱浪漫樱花资料网Mn=month2006; Mn=Mn.split(";"); var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十我爱浪漫樱花资料网";Dn=Dn.split(";"); dayim=dayiy;var total=newArray(13);total[0]=parseInt(dpm[0]);for(i=1;i<dpm.length-1;i++)我爱浪漫樱花资料网total[i]=parseInt(dpm[i])+total[i-1]; for(i=dpm.length-1;i>0;i--)if(dayim>total[i-1]){ dayim=dayim-total[i-1];miy=i;我爱浪漫樱花资料网}bsWeek=ww;bsDate=yy+"年"+mm+"月 ";bsDate2=dd; bsYear="农历"+Yn[iyear]; bsYear2=Mn[miy]+Dn[dayim-1];if我爱浪漫樱花资料网(ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7]; window.status="今天是:"+bsDate+bsDate2+"日 "+bsWeek+","+bsYear+" "+bsYear2; // End --></script>。
3个最常用的JS时间特效
3个最常用的JS时间特效3个最常用的JS时间特效.txt!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN/TR/html4/loose.dtdhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312meta name=Copyright content=懒人图库/ / meta name=description content=学会偷懒,并懒出境界是提高工作效率最有效的方法! /meta content=懒人图库 name=keywords /title懒人图库/title/headbodytable width=298 border=0 cellspacing=0 cellpadding=0trtd height=50 bgcolor=#f4f4f4script language=JavascriptWord文档 1!--var enabled = 0; today = new Date();var day; var date;if(today.getDay()==0) day = 星期日if(today.getDay()==1) day = 星期一if(today.getDay()==2) day = 星期二if(today.getDay()==3) day = 星期三if(today.getDay()==4) day = 星期四if(today.getDay()==5) day = 星期五if(today.getDay()==6) day = 星期六document.fgColor = 000000;date = 今天是:+ (today.getYear()) + 年+ (today.getMonth() + 1 ) + 月 + today.getDate() + 日+ day +;document.write(date);// --/script/td/trtrtd height=50div id=webjx/divscriptsetInterval(webjx.innerHTML=newDate().toLocaleString()+ 星期+日一二三四五六.charAt(new Date().getDay());,1000);/script/tdWord文档 2/trtrtd height=50 bgcolor=#f4f4f4span id=nowDate/spanspan id=nowTime/spanscript!--var ns4up1 = (yers) ? 1 : 0; // browser sniffervar ie4up1 = (document.all(navigator.appVersion.indexOf(MSIE 4) == -1)) ? 1 : 0;var ns6up1 = (document.getElementById!document.all) ? 1 : 0; function nowclock() {if (!ns4up1 !ie4up1 !ns6up1) return false; var digital = new Date();var hours = digital.getHours();var minutes = digital.getMinutes();var seconds = digital.getSeconds();var day = digital.getDate();var month = digital.getMonth() + 1;var year = digital.getYear();var amOrPm = AM;if (hours 11) amOrPm = PM;if (hours 12) hours = hours - 12;if (hours == 0) hours = 12;Word文档 3if (minutes 10) minutes = 0 + minutes;if (seconds 10) seconds = 0 + seconds;if (day 10) day = 0 + day;if (month 10) month = 0 + month;dispTime = hours + : + minutes + : + seconds + + amOrPm;dispDate = year + 年 + month + 月 + day+ 日, ;if (ns4up1) {yers.nowTime.document.write(dispTime); yers.nowTime.document.close(); yers.nowDate.document.write(dispDate); yers.nowDate.document.close();} else if (ns6up1){ document.getElementById(nowTime).innerHTML = dispTime;document.getElementById(nowDate).innerHTML = dispDate;} else if (ie4up1){nowTime.innerHTML = dispTime;nowDate.innerHTML = dispDate;} setTimeout(nowclock(), 1000);} nowclock();//--/script/td/trWord文档 4/table/body/html效果:Word文档 5。
flash时间轴特效
时间轴特效时间轴特效(Timeline effects)是Flash MX 2004增加的一个新功能,这个功能有点类似Swish(一个功能强大的Flash特效字制作软件)。
如果你经常要制作一些复杂而重复的动画,那么使用Flash内建的时间轴特效,可以为自己平淡的动画添加一些闪光的动感。
1.认识时间轴特效在Flash MX 2004中,执行【插入】|【时间轴特效】命令可以看到Flash 内建的时间轴特效,共3种类型:变形/转换、帮助、效果。
其中效果类型下包括4种具体时间轴特效,如图9-1-1所示。
图9-1-1 时间轴特效在Flash影片中添加时间轴特效时,必须先在舞台上选中要添加时间轴特效的对象,然后执行【插入】|【时间轴特效】命令,将具体的某一种类型时间轴特效添加到这个对象上。
如果你不选中对象,具体的时间轴特效命令将成灰色显示,处在不可用状态。
下面先制作一个阴影文字效果实例,通过这个实例让你初步掌握添加时间轴特效的方法。
实例效果如图9-1-2所示。
图9-1-2 阴影字特效制作步骤:(1)创建文字对象步骤1 创建影片文档在Flash MX 2004中新建一个影片文档,设置这个文档的舞台尺寸为320×200像素,其他都按照默认值设置。
步骤2 输入文字使用【文本工具】在舞台中间位置输入“巧夺天工”4个文字(当然你可以随意输入文字内容)。
在【属性】面板中设置一下文字的属性,完成后将文字调整到舞台的中间。
(2)添加时间轴特效步骤1 添加投影特效选择舞台上的文字对象,执行【插入】|【时间轴特效】|【效果】|【投影】命令,出现【投影】对话框。
在这个对话框中我们可以设置阴影的颜色、透明度以及阴影于元件的距离,在右侧的窗口中可以看到设置后的效果,如图9-1-3所示。
图9-1-3 【投影】对话框步骤2 重新设置投影参数如果你对文字的阴影效果感觉不满意,那么可以重新在【投影】对话框中更改投影设置,本例我们将【阴影偏移】x和y方向都调整到了5像素。
使用时间轴特效教学讲义
• 使用预建的时间轴特效可以用最少的步骤 创建复杂的动画。 可以对以下对象应用时 间轴特效:
• 文本 • 图形,包括形状、组以及图形元件 • 位图图像 • 按钮元件 • 注: 将时间轴特效应用于影片剪辑时,特
效将嵌套在该影片剪辑中。
பைடு நூலகம்
添加时间轴特效
• 向对象添加时间轴特效时,Flash 将创建一个图 层并将该对象移至此新图层。 对象放置于特效图 形内,而且特效所需的所有补间和变形都位于此 新创建的图层上的图形中。
删除时间轴特效
• 在舞台上,右键单击 (Windows) 或按住 Control 单击 (Macintosh) 具有要删除的时 间轴特效的对象,然后选择“时间轴特 效”>“删除特效”。
时间轴特效设置
时间轴特效设置
时间轴特效设置
编辑时间轴特效
• 在舞台上选择与特效关联的对象,然后执 行以下操作之一:
– 在“属性”检查器中单击“编辑”。 – 右键单击 (Windows) 或按住 Control 单击
(Macintosh) 该对象,然后选择“时间轴特 效”>“编辑特效”。
• 编辑设置并单击“确定”。
• 此新图层自动获得与特效相同的名称,而且其后 会附加一个数字,代表在文档内的所有特效中应 用此特效的顺序。
• 添加时间轴特效时,将向库中添加一个与该特效 同名的文件夹,它包含了在创建该特效时所使用 的元素。
时间轴特效设置
• 每种时间轴特效都以一种特定方式处理图 形或元件,并允许您更改所需特效的个别 参数。 预览窗口显示了您更改设置后发生 的变化。
多种时间特效
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:''''Arialblack'''';color:#cccccc;font-size:20px;top:50px;left:173px"></div><div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:''''Arialblack'''';color:#000000;font-size:20px;top:48px;left:170px"></div><div id="mainbody" style="position:absolute; visibility:visible"></div><script language=javascript><!--function www_helpor_net() {thistime= new Date()var hours=thistime.getHours()var minutes=thistime.getMinutes()var seconds=thistime.getSeconds()if (eval(hours) <10) {hours="0"+hours}if (eval(minutes) < 10) {minutes="0"+minutes}if (seconds < 10) {seconds="0"+seconds}thistime = hours+":"+minutes+":"+secondsif(document.all) {bgclocknoshade.innerHTML=thistimebgclockshade.innerHTML=thistime}if(yers) {document.bgclockshade.document.write(''''<div id="bgclockshade"style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:20px;top:10 px;left:152px">''''+thistime+''''</div>'''')document.bgclocknoshade.document.write(''''<div id="bgclocknoshade"style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:20px;top:8px ;left:150px">''''+thistime+''''</div>'''')document.close()}var timer=setTimeout("www_helpor_net()",200)}www_helpor_net();//--></script><SCRIPT language="javascript"><!--function initArray(){for(i=0;i<initArray.arguments.length;i++)this[i]=initArray.arguments[i];}var isnMonths=new initArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");var isnDays=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");today=new Date();hrs=today.getHours();min=today.getMinutes();sec=today.getSeconds();clckh=""+((hrs>12)?hrs-12:hrs);clckm=((min<10)?"0":"")+min;clcks=((sec<10)?"0":"")+sec;clck=(hrs>=12)?"下午":"上午";var stnr="";var ns="0123456789";var a="";function getFullYear(d){yr=d.getYear();if(yr<1000)yr+=1900;return yr;}document.write("<table>");//下面各行分别是一种风格,把不需要的删掉即可document.write("<TR><TD>风格一:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate() +"日,"+getFullYear(today)+"年");document.write("<TR><TD>风格二:</TD><TD>"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>");document.write("<TR><TD>风格三:</TD><TD>"+isnDays[today.getDay()]+","+isnMonths[today.getMonth()]+""+today.getDate() +"日,"+getFullYear(today)+"年"+clckh+":"+clckm+":"+clcks+""+clck+"</TD></TR>"); document.write("<TR><TD>风格四:</TD><TD>"+(today.getMonth()+1)+"/"+today.getDate()+"/"+(getFullYear(today)+"").substring(2,4)+"</TD></TR>");document.write("<TR><TD>风格五:</TD><TD>"+hrs+":"+clckm+":"+clcks+"</TD></TR>"); document.write("<TR><TD V ALIGN=TOP>风格六:</TD><TD>"+today+"</TD></TR>");document.write("</table>");//--></SCRIPT><script language="JavaScript"><!--function CalConv(){FIRSTYEAR = 1998;LASTYEAR = 2031;today = new Date();SolarYear = today.getFullYear();SolarMonth = today.getMonth() + 1;SolarDate = today.getDate();Weekday = today.getDay();LunarCal = [new tagLunarCal( 27, 5, 3, 43, 1, 0, 0, 1, 0, 0, 1, 1, 0, 1, 1, 0, 1 ),new tagLunarCal( 46, 0, 4, 48, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1 ), /* 88 */ new tagLunarCal( 35, 0, 5, 53, 1, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1 ), /* 89 */ new tagLunarCal( 23, 4, 0, 59, 1, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ),new tagLunarCal( 42, 0, 1, 4, 1, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ),new tagLunarCal( 31, 0, 2, 9, 1, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0 ),new tagLunarCal( 21, 2, 3, 14, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1 ), /* 93 */ new tagLunarCal( 39, 0, 5, 20, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1 ),new tagLunarCal( 28, 7, 6, 25, 1, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 1 ),new tagLunarCal( 48, 0, 0, 30, 0, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1, 1 ),new tagLunarCal( 37, 0, 1, 35, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1 ), /* 97 */ new tagLunarCal( 25, 5, 3, 41, 1, 1, 0, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1 ),new tagLunarCal( 44, 0, 4, 46, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1 ),new tagLunarCal( 33, 0, 5, 51, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ),new tagLunarCal( 22, 4, 6, 56, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0 ), /* 101 */ new tagLunarCal( 40, 0, 1, 2, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0 ),new tagLunarCal( 30, 9, 2, 7, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1 ),new tagLunarCal( 49, 0, 3, 12, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1, 0, 1 ),new tagLunarCal( 38, 0, 4, 17, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1, 0 ), /* 105 */ new tagLunarCal( 27, 6, 6, 23, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 1 ),new tagLunarCal( 46, 0, 0, 28, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 0 ),new tagLunarCal( 35, 0, 1, 33, 0, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0 ),new tagLunarCal( 24, 4, 2, 38, 0, 1, 1, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1 ), /* 109 */ new tagLunarCal( 42, 0, 4, 44, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1 ),new tagLunarCal( 31, 0, 5, 49, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0 ),new tagLunarCal( 21, 2, 6, 54, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1 ),new tagLunarCal( 40, 0, 0, 59, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1, 0, 1 ), /* 113 */ new tagLunarCal( 28, 6, 2, 5, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 1, 1, 0 ),new tagLunarCal( 47, 0, 3, 10, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 1, 0, 1 ),new tagLunarCal( 36, 0, 4, 15, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0, 1 ),new tagLunarCal( 25, 5, 5, 20, 1, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0 ), /* 117 */ new tagLunarCal( 43, 0, 0, 26, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0, 1, 0, 1 ),new tagLunarCal( 32, 0, 1, 31, 1, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 0 ),new tagLunarCal( 22, 3, 2, 36, 0, 1, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 0 ) ];/* 民國年每月之日數*/SolarCal = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ];/* 民國年每月之累積日數, 平年與閏年*/SolarDays = [ 0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365, 396, 0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335, 366, 397 ];AnimalIdx = ["马", "羊", "猴", "鸡", "狗", "猪", "鼠", "牛", "虎", "兔", "龙", "蛇" ];LocationIdx = [ "南", "东", "北", "西" ];if ( SolarYear <= FIRSTYEAR || SolarYear > LASTYEAR ) return 1;sm = SolarMonth - 1;if ( sm < 0 || sm > 11 ) return 2;leap = GetLeap( SolarYear );if ( sm == 1 )d = leap + 28;elsed = SolarCal[sm];if ( SolarDate < 1 || SolarDate > d ) return 3;y = SolarYear - FIRSTYEAR;acc = SolarDays[ leap*14 + sm ] + SolarDate;kc = acc + LunarCal[y].BaseKanChih;Kan = kc % 10;Chih = kc % 12;Location = LocationIdx[kc % 4];Age = kc % 60;if ( Age < 22 )Age = 22 - Age;elseAge = 82 - Age;Animal = AnimalIdx[ Chih ];if ( acc <= LunarCal[y].BaseDays ) {y--;LunarYear = SolarYear - 1;leap = GetLeap( LunarYear );sm += 12;acc = SolarDays[leap*14 + sm] + SolarDate;}elseLunarYear = SolarYear;l1 = LunarCal[y].BaseDays;for ( i=0; i<13; i++ ) {l2 = l1 + LunarCal[y].MonthDays[i] + 29;if ( acc <= l2 ) break;l1 = l2;}LunarMonth = i + 1;LunarDate = acc - l1;im = LunarCal[y].Intercalation;if ( im != 0 && LunarMonth > im ) {LunarMonth--;if ( LunarMonth == im ) LunarMonth = -im;}if ( LunarMonth > 12 ) LunarMonth -= 12;today=new Date();function initArray(){this.length=initArray.arguments.lengthfor(var i=0;i<this.length;i++)this[i+1]=initArray.arguments[i] }var d=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");document.write("<span class=\"jsdhtml\"> ", today.getYear()," 年",today.getMonth()+1," 月",today.getDate()," 日",d[today.getDay()+1],"");document.write( "<span class=\"jsdhtml\">【<u> 农历" + LunarMonth + "月" + LunarDate + "日</u>】" );document.write( "煞" + Location + " 沖" + Animal + Age + "岁</span>" );return 0;}/* 求此民國年是否為閏年, 返回0 為平年, 1 為閏年*/function GetLeap( year ){if ( year % 400 == 0 )return 1;else if ( year % 100 == 0 )return 0;else if ( year % 4 == 0 )return 1;elsereturn 0;}function tagLunarCal( d, i, w, k, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13) { this.BaseDays = d; /* 到民國1 月1 日到農曆正月初一的累積日數*/this.Intercalation = i; /* 閏月月份. 0==此年沒有閏月*/this.BaseWeekday = w; /* 此年民國1 月1 日為星期幾再減1 */this.BaseKanChih = k; /* 此年民國1 月1 日之干支序號減1 */this.MonthDays = [ m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11, m12, m13 ]; /* 此農曆年每月之大小, 0==小月(29日), 1==大月(30日) */}//-->CalConv();</script><span id="liveclock" style"=width: 109px; height: 15px"></span><SCRIPT language=javascript>function www_helpor_net(){var Digital=new Date()var hours=Digital.getHours()var minutes=Digital.getMinutes()var seconds=Digital.getSeconds()if(minutes<=9)minutes="0"+minutesif(seconds<=9)seconds="0"+secondsmyclock="现在时刻:<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"if(yers){yers.liveclock.document.write(myclock)yers.liveclock.document.close()}else if(document.all)liveclock.innerHTML=myclocksetTimeout("www_helpor_net()",1000)}www_helpor_net();//--></SCRIPT><script language="javascript"><!--function number(index1){var numberstring="一二三四五六七八九十";if(index1 ==0) {document.write("十")}if(index1 < 10){document.write(numberstring.substring(0+(index1-1),index1))}else if(index1 < 20 ){document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}else if(index1 < 30 ){document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}else{document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}var today1 = new Date()var month = today1.getMonth()+1var date = today1.getDate()var day = today1.getDay()document.write("公元二零零三年")number(month)document.write("月")number(date)document.write("日")//--></script>挂历<SCRIPT language=JavaScript>function Year_Month(){var now = new Date();var yy = now.getYear();var mm = now.getMonth()+1;var cl = '<font color="#0000df">';if (now.getDay() == 0) cl = '<font color="#c00000">'; if (now.getDay() == 6) cl = '<font color="#00c000">'; return(cl + yy + '年' + mm + '月</font>'); }function Date_of_Today(){var now = new Date();var cl = '<font color="#ff0000">';if (now.getDay() == 0) cl = '<font color="#c00000">'; if (now.getDay() == 6) cl = '<font color="#00c000">'; return(cl + now.getDate() + '</font>'); }function Day_of_Today(){var day = new Array();day[0] = "星期日";day[1] = "星期一";day[2] = "星期二";day[3] = "星期三";day[4] = "星期四";day[5] = "星期五";day[6] = "星期六";var now = new Date();var cl = '<font color="#0000df">';if (now.getDay() == 0) cl = '<font color="#c00000">'; if (now.getDay() == 6) cl = '<font color="#00c000">'; return(cl + day[now.getDay()] + '</font>'); } function CurentTime(){var now = new Date();var hh = now.getHours();var mm = now.getMinutes();var ss = now.getTime() % 60000;ss = (ss - (ss % 1000)) / 1000;var clock = hh+':';if (mm < 10) clock += '0';clock += mm+':';if (ss < 10) clock += '0';clock += ss;return(clock); }function refreshCalendarClock(){document.all.calendarClock1.innerHTML = Year_Month();document.all.calendarClock2.innerHTML = Date_of_Today();document.all.calendarClock3.innerHTML = Day_of_Today();document.all.calendarClock4.innerHTML = CurentTime(); }var webUrl = webUrl;document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td>');document.write('<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ');document.write('style="position:absolute;visibility:hidden" bgcolor="#eeeeee">');document.write('<tr><td align="center"><font ');document.write('style="cursor:hand;color:#ff0000;font-family:宋体;font-size:14pt;line-height:120%" ');if (webUrl != 'netflower'){document.write('</td></tr><tr><td align="center"><font ');document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ');}document.write('</td></tr></table>');document.write('<table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70">');document.write('<tr><td valign="top" width="100%" height="100%">');document.write('<table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67">');document.write('<tr><td align="center" width="100%" height="100%" >');document.write('<font id="calendarClock1" style="font-family:宋体;font-size:7pt;line-height:120%"> </font><br>');document.write('<font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"> </font><br>'); document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>');document.write('<font id="calendarClock4" style="color:#100080;font-family:宋体;font-size:8pt;line-height:120%"><b> </b></font>');document.write('</td></tr></table>');document.write('</td></tr></table>');document.write('</td></tr></table>');setInterval('refreshCalendarClock()',1000);</SCRIPT>手表时间<SCRIPT language=JavaScript>var clipTop=0var clipBottom=clipTop+60var clipLeftvar clipRightvar isNSif (yers) { (isNS=true) }var HIDDEN = (isNS) ? 'hide' : 'hidden';var VISIBLE = (isNS) ? 'show' : 'visible';var imgSecondsvar imgMinutesvar imgHoursvar imgClockvar textDatevar textDayvar textLinkvar clipHours=""var clipMinutes=""var clipSeconds=""var startLeft=-5var startTop=85var tunePosHour =-2function initObjects() {if (document.all) {imgSeconds = document.all.imgSeconds.styleimgMinutes = document.all.imgMinutes.styleimgHours = document.all.imgHours.styleimgClock = document.all.imgClock.styletextDate = document.all.textDate.styletextDay = document.all.textDay.styletextLink = document.all.textLink.stylestartLeft=-5startTop=85imgHours.posTop=startTopimgMinutes.posTop=startTopimgSeconds.posTop=startToptextDate.posTop = 109textDate.posLeft = 86textDay.posTop = 109textDay.posLeft = 41textLink.posTop = 190textLink.posLeft = -9imgSeconds.visibility=VISIBLEimgMinutes.visibility=VISIBLEimgHours.visibility=VISIBLEimgClock.visibility=VISIBLEtextDate.visibility=VISIBLEtextDay.visibility=VISIBLEtextLink.visibility=VISIBLEtickIE()}if (yers) {imgSeconds = document.imgSecondsimgMinutes = document.imgMinutesimgHours = document.imgHoursimgClock = document.imgClocktextDate = document.textDatetextDay = document.textDaytextLink = document.textLinkstartLeft=-3startTop=78imgHours.top=startTopimgMinutes.top=startTopimgSeconds.top=startToptextDate.top = 102textDate.left = 85textDay.top = 102textDay.left = 40textLink.top = 190textLink.left = -10imgSeconds.visibility=VISIBLEimgMinutes.visibility=VISIBLEimgHours.visibility=VISIBLEimgClock.visibility=VISIBLEtextDate.visibility=VISIBLEtextDay.visibility=VISIBLEtextLink.visibility=VISIBLEtickNS()}}function tickIE() {var now = new Date()var nowHours = now.getHours()var nowMinutes = now.getMinutes()var nowSeconds = now.getSeconds()if (nowHours >= 12) {nowHours=nowHours-12}imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour)clipLeft = -(imgHours.posLeft)+30clipRight= clipLeft+60clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+""+clipLeft+")"imgHours.clip=clipHoursimgMinutes.posLeft=-((nowMinutes)*60+startLeft)clipLeft = -(imgMinutes.posLeft)+30clipRight= clipLeft+60clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+""+clipLeft+")"imgMinutes.clip=clipMinutesimgSeconds.posLeft=-((nowSeconds)*60+startLeft)clipLeft = -(imgSeconds.posLeft)+35clipRight= clipLeft+60clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+""+clipLeft+")"imgSeconds.clip=clipSecondsvar runClock = setTimeout("tickIE()", 100);}function tickNS() {var now = new Date()var nowHours = now.getHours()var nowMinutes = now.getMinutes()var nowSeconds = now.getSeconds()if (nowHours >= 12) {nowHours=nowHours-12}imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour+2)clipLeft = -(imgHours.left)+30clipRight= clipLeft+60imgHours.clip.left = clipLeftimgHours.clip.right = clipRightimgHours.clip.top = clipTopimgHours.clip.bottom = clipBottomimgMinutes.left=-((nowMinutes)*60+startLeft)clipLeft = -(imgMinutes.left)+30clipRight= clipLeft+60imgMinutes.clip.left = clipLeftimgMinutes.clip.right = clipRightimgMinutes.clip.top = clipTopimgMinutes.clip.bottom = clipBottomimgSeconds.left=-((nowSeconds)*60+startLeft)clipLeft = -(imgSeconds.left)+35clipRight= clipLeft+60imgSeconds.clip.left = clipLeftimgSeconds.clip.right = clipRightimgSeconds.clip.top = clipTopimgSeconds.clip.bottom = clipBottomvar runClock = setTimeout("tickNS()", 100);}</SCRIPT><STYLE>.imgall {VISIBILITY: hidden; POSITION: absolute}</STYLE><DIV class=imgall id=imgClock><IMG height=200src="image/clo.jpg" width=110></DIV><SCRIPT language=JavaScript>var heute = new Date()var wochentag = heute.getDay()var heuteDatum = heute.getDate()if (wochentag==0) { wochentag = "SAM" }else if (wochentag==1) { wochentag = "MON" }else if (wochentag==2) { wochentag = "TUE" }else if (wochentag==3) { wochentag = "WED" }else if (wochentag==4) { wochentag = "THU" }else if (wochentag==5) { wochentag = "FRI" }else if (wochentag==6) { wochentag = "SUN" }document.write('<DIV ID = "textDate" CLASS = "imgall"><fontsize=1>'+heuteDatum+'</font></DIV>')document.write('<DIV ID = "textDay" CLASS = "imgall"><fontsize=1>'+wochentag+'</font></DIV>')</SCRIPT><SCRIPT type="text/javascript" src=""></SCRIPT><SCRIPT language="JavaScript"><!--BaiduWriteAD("zouwenyedg","3");//--></SCRIPT><DIV class=imgall id=imgHours><IMG height=60src="image/hours1.gif" width=3620></DIV><DIV class=imgall id=imgMinutes><IMG height=60src="image/minutes1.gif" width=3620></DIV><DIV class=imgall id=imgSeconds><IMG height=60src="image/seconds2.gif" width=3620></DIV><DIV class=imgall id=textLink></DIV>背景时间代码:脚本说明:第一步:把如下代码加入<head>区域中:<script language=javaScript><!--//function clockon() {thistime= new Date()var hours=thistime.getHours()var minutes=thistime.getMinutes()var seconds=thistime.getSeconds()if (eval(hours) <10) {hours="0"+hours}if (eval(minutes) < 10) {minutes="0"+minutes}if (seconds < 10) {seconds="0"+seconds}thistime = hours+":"+minutes+":"+secondsif(document.all) {bgclocknoshade.innerHTML=thistimebgclockshade.innerHTML=thistime}if(yers) {document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;t op:10px;left:152px">'+thistime+'</div>')document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;to p:10px;left:150px">'+thistime+'</div>')document.close()}var timer=setTimeout("clockon()",200)}//--></script>第二步:把<body>中加入如下代码:<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102 px;left:152px"></div><div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:1 00px;left:150px"></div><div id="mainbody" style="position:absolute; visibility:visible"></div>第三步:把<body>中内容改为:<body bgcolor="#fef4d9" onLoad="clockon()">农历时间显示特效代码<script language="JavaScript">var bsYear;var bsDate;var bsWeek;var arrLen=8; //数组长度var sValue=0; //当年的秒数var dayiy=0; //当年第几天var miy=0; //月份的下标var iyear=0; //年份标记var dayim=0; //当月第几天var spd=86400; //每天的秒数var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30";var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"var month2001="正月;二月;三月;四月;闰四月;五月;六月;七月;八月;九月;十月;十一月;十二月"var month2004="正月;二月;闰二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月"var month2006="正月;二月;三月;四月;五月;六月;七月;闰七月;八月;九月;十月;十一月;十二月"var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";var Ys=new Array(arrLen);Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600;Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800;Ys[6]=1107878400;Ys[7]=1138464000;var Yn=new Array(arrLen); //农历年的名称Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年";Yn[3]="壬午年";Yn[4]="癸未年";Yn[5]="甲申年";Yn[6]="乙酉年";Yn[7]="丙戌年";var D=new Date();var yy=D.getYear();var mm=D.getMonth()+1;var dd=D.getDate();var ww=D.getDay();if (ww==0) ww="<font color=RED>星期日</font>";if (ww==1) ww="星期一";if (ww==2) ww="星期二";if (ww==3) ww="星期三";if (ww==4) ww="星期四";if (ww==5) ww="星期五";if (ww==6) ww="<font color=green>星期六</font>";ww=ww;var ss=parseInt(D.getTime() / 1000);if (yy<100) yy="19"+yy;for (i=0;i<arrLen;i++)if (ss>=Ys[i]){iyear=i;sValue=ss-Ys[i]; //当年的秒数}dayiy=parseInt(sValue/spd)+1; //当年的天数var dpm=year1999;if (iyear==1) dpm=year2000;if (iyear==2) dpm=year2001;if (iyear==3) dpm=year2002;if (iyear==4) dpm=year2003;if (iyear==5) dpm=year2004;if (iyear==6) dpm=year2005;if (iyear==7) dpm=year2006;dpm=dpm.split(";");var Mn=month1999;if (iyear==2) Mn=month2001;if (iyear==5) Mn=month2004;if (iyear==7) Mn=month2006;Mn=Mn.split(";");var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十";Dn=Dn.split(";");dayim=dayiy;var total=new Array(13);total[0]=parseInt(dpm[0]);for (i=1;i<dpm.length-1;i++) total[i]=parseInt(dpm[i])+total[i-1];for (i=dpm.length-1;i>0;i--)if (dayim>total[i-1]){dayim=dayim-total[i-1];miy=i;}bsWeek=ww;bsDate=yy+"年"+mm+"月";bsDate2=dd;bsYear="农历"+Yn[iyear];bsYear2=Mn[miy]+Dn[dayim-1];if (ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7];function time(){document.write("<table border='0' style='font-size: 8pt; font-family:Tahoma' cellspacing='0' width='90' bordercolor='#cccccc' height='110' cellpadding='0'");。
创意时间和空间扭曲 Adobe Premiere Pro的多重特效技巧
创意时间和空间扭曲:Adobe Premiere Pro的多重特效技巧Adobe Premiere Pro作为一款强大的视频编辑软件,提供了许多创意特效和工具,可以帮助我们在视频制作中增添更多的创意元素。
其中,时间和空间扭曲是一种常用的特效技巧,可以为视频片段带来更加鲜明和出彩的效果。
今天,我们将介绍一些在Adobe Premiere Pro中实现创意时间和空间扭曲的多重特效技巧。
首先,我们来介绍一下Adobe Premiere Pro中常用的时间特效工具:速度块。
速度块可以用来加速或减慢视频片段的播放速度,从而改变视频的时间流逝。
通过将速度块应用在不同的视频片段上,我们可以实现时间的扭曲效果。
要在Adobe Premiere Pro中使用速度块,首先选择要应用特效的视频片段,在“效果控制”面板中找到“速度块”。
将该特效拖放到视频片段上,接着我们可以通过拖动速度块的边界来调整视频片段的播放速度。
通过缩小速度块的范围,我们可以将原始视频片段的播放时间延长,从而实现慢动作效果。
而通过扩大速度块的范围,我们可以加快视频片段的播放速度,实现快速播放效果。
另外一个常用的的时间特效工具是时间重映射。
时间重映射可以将视频片段按照时间轴上的不同速率进行播放,从而实现更加复杂的时间扭曲效果。
与速度块不同的是,时间重映射可以在视频片段的不同部分应用不同的播放速率,创造出更加独特和有趣的效果。
要在Adobe Premiere Pro中使用时间重映射,首先将视频片段拖放到时间轴上,在“效果控制”面板中找到“时间重映射”。
将该特效拖放到视频片段上,然后我们可以通过在时间轴上插入关键帧来调整视频片段的播放速率。
通过调整不同关键帧之间的速率,我们可以实现时间飞逝、倒放、加速或减慢等各种效果。
除了时间扭曲,还有一些特效可以改变视频片段的空间感,创造出更加有趣和生动的效果。
其中,位移和缩放特效是常见的空间扭曲技巧。
要在Adobe Premiere Pro中使用位移和缩放特效,首先选择要应用特效的视频片段,在“效果控制”面板中找到“位移”和“缩放”特效。
AE时间流逝效果制作技巧
AE时间流逝效果制作技巧Adobe After Effects(简称AE)是一款专业的视频特效制作软件,被广泛应用于电影、电视、广告等行业。
在影片中,时间流逝效果是一种常见的特效,它可以将一段长时间的过程通过快进或慢放的方式呈现出来。
本文将介绍AE中制作时间流逝效果的技巧。
1. 导入素材首先,打开AE软件并新建一个项目。
请确保你已经准备好了需要用到的素材,包括视频或图片。
将素材文件拖放到项目面板中,然后将它们拖放到时间轴上,以便进行编辑。
2. 调整速度选择你想要制作时间流逝效果的素材,在时间轴中右键点击该素材,并选择“时间”菜单。
在打开的菜单中,你可以选择“时间压缩/扩展”选项。
通过增加或减少该选项下的百分比来调整素材的播放速度。
如果你想要加快时间流逝效果,可以选择一个大于100%的值;反之,如果你想要减慢时间流逝效果,可以选择一个小于100%的值。
3. 添加过渡效果时间流逝效果中常用的过渡效果有淡入淡出、闪烁或模糊等。
选择你想要添加过渡效果的素材,在时间轴中右键点击该素材,并选择“效果”菜单。
在打开的菜单中,你可以选择各种不同的效果来调整素材的外观。
你可以使用“淡入淡出”效果来实现素材的逐渐出现或消失;你也可以使用“闪烁”效果来制造时间流逝过程中的光影变化;此外,你还可以使用“模糊”效果来模糊素材,以实现快进或慢放的效果。
4. 添加音效时间流逝效果中搭配合适的音效可以增强观众的体验。
在AE中,你可以在时间轴上选择想要添加音效的素材,并在音效库中选择合适的音效文件。
将音效文件拖放到时间轴上与素材对应的位置,然后调整音效的播放时间和音量。
5. 调整颜色和色调根据具体需求,你可以调整时间流逝效果中素材的颜色和色调,以达到更好的效果。
选择你想要调整的素材,在时间轴中右键点击该素材,并选择“颜色校正”菜单。
在打开的菜单中,你可以选择“亮度/对比度”、“饱和度”、“色彩平衡”等选项,来调整素材的外观。
你可以根据需要增加亮度或对比度、改变饱和度,或者调整红、绿、蓝等颜色的比例。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
效果:代码://设置背景颜色slidebgcolor="#FFFFFF";//设置图片var leftrightslide=new Array();var finalslide='';leftrightslide[0]='<a href= "此处写上你要连接的网页"target=_blank ><img src="images/1.jpg" border=0 width = "137" height="92" style="border-color:#FFFFFF"></a>';leftrightslide[1]='<a href= "此处写上你要连接的网页"target=_blank ><img src="images/2.jpg" border=0 width = "137" height="92" style="border-color:#FFFFFF"></a>';leftrightslide[2]='<a href= "此处写上你要连接的网页"target=_blank ><img src="images/3.jpg" border=0 width = "137" height="92" style="border-color:#FFFFFF"></a>';leftrightslide[3]='<a href= "此处写上你要连接的网页"target=_blank ><img src="images/4.jpg" border=0 width = "137" height="92" style="border-color:#FFFFFF"></a>';leftrightslide[4]='<a href= "此处写上你要连接的网页"target=_blank ><img src="images/1.jpg" border=0 width = "137" height="92" style="border-color:#FFFFFF"></a>';leftrightslide[5]='<a href= "此处写上你要连接的网页"target=_blank ><img src="images/2.jpg" border=0 width = "137" height="92" style="border-color:#FFFFFF"></a>';var slidespeed=1var copyspeed=slidespeedleftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'var iedom=document.all||document.getElementByIdif (iedom)document.write('<span id="temp"style="visibility:hidden;position:absolute;top:-100;left:-3000">'+lef trightslide+'</span>')var actualwidth=''var cross_slide, ns_slidefunction fillup(){if (iedom){cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2cross_slide2=document.getElementById?document.getElementById("test3") : document.all.test3cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide actualwidth=document.all? cross_slide.offsetWidth :document.getElementById("temp").offsetWidthcross_slide2.style.left=actualwidth+20}else if (yers){ns_slide=document.ns_slidemenu.document.ns_slidemenu2ns_slide2=document.ns_slidemenu.document.ns_slidemenu3ns_slide.document.write(leftrightslide)ns_slide.document.close()actualwidth=ns_slide.document.widthns_slide2.left=actualwidth+20ns_slide2.document.write(leftrightslide)ns_slide2.document.close()}lefttime=setInterval("slideleft()",30)}window.onload=fillupfunction slideleft(){if (iedom){if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeedelsecross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+ 30if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed elsecross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+ 30}else if (yers){if (ns_slide.left>(actualwidth*(-1)+8))ns_slide.left-=copyspeedelsens_slide.left=ns_slide2.left+actualwidth+30if (ns_slide2.left>(actualwidth*(-1)+8))ns_slide2.left-=copyspeedelsens_slide2.left=ns_slide.left+actualwidth+30}}if (iedom||yers){with (document){document.write('<table border="0" cellspacing="0"cellpadding="0"><td>')if (iedom){write('<divstyle="position:relative;width:'+sliderwidth+';height:'+sliderheight+ ';overflow:hidden">')write('<divstyle="position:absolute;width:'+sliderwidth+';height:'+sliderheight+ ';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')write('<div id="test2" style="position:absolute;left:0;top:0"></div>') write('<div id="test3"style="position:absolute;left:-1000;top:0"></div>')write('</div></div>')}else if (yers){write('<ilayer width='+sliderwidth+' height='+sliderheight+'name="ns_slidemenu" bgColor='+slidebgcolor+'>')write('<layer name="ns_slidemenu2" left=0 top=0onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>') write('<layer name="ns_slidemenu3" left=0 top=0onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')write('</ilayer>')}document.write('</td></table>')}}图片跟随特效描绘一个层,将层编号改为:floater;在层中插入适当大小图片,然后插入代码。