[习作] 仿网页鼠标跟随时钟制作_flash

枳橘

独影孤踪

 

    欣赏桔橘老师佳作，祝你新年快乐！你这个比网上流行的要好，流行的甩都甩不开，有点烦人，你的可以随意控制。

枳橘

　　欣赏桔橘老师佳作，祝你新年快乐！你这个比网上流行的要好，流行的甩都甩不开，有点烦人，你的可以随意控制。
独影孤踪 发表于 2011-2-6 07:06

　　感谢兄台新年赏光。祝全家新年和美安康。

　　兄台这是内行看门道咯。
　　为发帖，上图作了相应改动。
　　下图可作为透明flash用于其他制作。尺寸为：1000×500。
　　处理成flash，避开了js语言的影响，方便用普通方式发帖。

wangnf

　　尝试一个。

白云悠悠

楼主的flash制作技术越来越精巧娴熟了，令人仰慕，欣赏中......

好好学习

　　感谢兄台新年赏光。祝全家新年和美安康。　　兄台这是内行看门道咯。　　为发帖，上图作了相应改动。　 ... 枳橘 发表于 2011-2-6 13:23

可以告诉我怎么加一张喜欢的图片上去吗？

枳橘

可以告诉我怎么加一张喜欢的图片上去吗？ 好好学习 发表于 2011-2-16 10:12

　　谢谢关注。
　　将相关代码贴在下面，将图片作为表格底图加上去就行了。有些数据可能需要按图片尺寸稍作调整。祝成功。

<TABLE style="LEFT: 0px; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 500px" borderColor=#087070 cellSpacing=42 cellPadding=0 bgColor=#087070 border=1>
<TBODY>
<TR>
<TD bgColor=#006666><EMBED style="LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 500px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://webftp.bbs.hnol.net/dysr/201101/clock_html_110204/clock_html_1000500.swf width=1000 height=500 type=application/x-shockwave-flash wmode="transparent" quality="Best">
<MARQUEE style="LEFT: 50px; WIDTH: 900px; POSITION: absolute; TOP: 25px; HEIGHT: 30px" scrollAmount=4 scrollDelay=1>
<DIV style="LEFT: 0px; WIDTH: 1px; POSITION: relative; TOP: 0px; HEIGHT: 30px">
<DIV style="FONT-SIZE: 30px; LEFT: -900px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: 1px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV></DIV></MARQUEE>
<MARQUEE style="LEFT: 50px; WIDTH: 900px; POSITION: absolute; TOP: 430px; HEIGHT: 30px" scrollAmount=4 scrollDelay=1 direction=right>
<DIV style="LEFT: 0px; WIDTH: 1px; POSITION: relative; TOP: 0px; HEIGHT: 30px">
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: -901px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV></DIV></MARQUEE>
<DIV style="LEFT: 30px; OVERFLOW: hidden; WIDTH: 30px; POSITION: absolute; TOP: 50px; HEIGHT: 400px">
<MARQUEE style="WIDTH: 30px; HEIGHT: 400px" scrollAmount=4 scrollDelay=1 direction=down>
<DIV style="LEFT: 0px; WIDTH: 30px; POSITION: relative; TOP: 0px; HEIGHT: 1px">
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: -401px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV></DIV></MARQUEE></DIV>
<DIV style="LEFT: 938px; OVERFLOW: hidden; WIDTH: 30px; POSITION: absolute; TOP: 50px; HEIGHT: 400px">
<MARQUEE style="WIDTH: 30px; HEIGHT: 400px" scrollAmount=4 scrollDelay=1 direction=up>
<DIV style="LEFT: 0px; WIDTH: 30px; POSITION: relative; TOP: 0px; HEIGHT: 1px">
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: -401px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV></DIV></MARQUEE></DIV></TD></TR></TBODY></TABLE>

好好学习

谢谢回复，可能是我一点基础也没有，连最基本的音画代码知识也不具备，套用都不知道放在什么地方，尤其是这么复杂的代码。只好望洋兴叹了。要是你不嫌弃我的无知，可以示范一下吗？不好意思。给你添麻烦了。再次感谢。

枳橘

楼主的flash制作技术越来越精巧娴熟了，令人仰慕，欣赏中...... 白云悠悠 发表于 2011-2-16 09:23

　　谢谢版主赏光。
　　娴熟岂敢说，些许兴趣。玩。

枳橘

谢谢回复，可能是我一点基础也没有，连最基本的音画代码知识也不具备，套用都不知道放在什么地方，尤其是这 ...

下载 (117.5 KB)

2011-2-17 16:01

好好学习 发表于 2011-2-17 11:23

　　代码多并不等于复杂。制作中，滚动的小点，上下左右四块，实际上一样，设置的数据不同而已。这样，制作中仅三个对象：一个表格、一个字幕效果（滚动小点）、一个透明flash（时钟）。遵嘱再加个底图。

佳节愉快
合家安康

枳橘

　　楼上代码。


<TABLE style="LEFT: 0px; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 500px" borderColor=#087070 cellSpacing=42 cellPadding=0 bgColor=#087070 background=http://2011.hnzqw.com/attachments/month_1102/11021716010ee936014b6ac57a.jpg border=0>
<TBODY>
<TR>
<TD><EMBED style="LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 500px" src=http://webftp.bbs.hnol.net/dysr/201101/clock_html_110204/clock_html_1000500.swf width=1000 height=500 type=application/x-shockwave-flash quality="Best" wmode="transparent">
<MARQUEE style="LEFT: 50px; WIDTH: 900px; POSITION: absolute; TOP: 15px; HEIGHT: 30px" scrollAmount=4 scrollDelay=1>
<DIV style="LEFT: 0px; WIDTH: 1px; POSITION: relative; TOP: 0px; HEIGHT: 30px">
<DIV style="FONT-SIZE: 30px; LEFT: -900px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: 1px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV></DIV></MARQUEE>
<MARQUEE style="LEFT: 50px; WIDTH: 900px; POSITION: absolute; TOP: 440px; HEIGHT: 30px" scrollAmount=4 scrollDelay=1 direction=right>
<DIV style="LEFT: 0px; WIDTH: 1px; POSITION: relative; TOP: 0px; HEIGHT: 30px">
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: -901px; WIDTH: 901px; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 30px; TEXT-ALIGN: left">······························</DIV></DIV></MARQUEE>
<DIV style="LEFT: 20px; OVERFLOW: hidden; WIDTH: 30px; POSITION: absolute; TOP: 50px; HEIGHT: 400px">
<MARQUEE style="WIDTH: 30px; HEIGHT: 400px" scrollAmount=4 scrollDelay=1 direction=down>
<DIV style="LEFT: 0px; WIDTH: 30px; POSITION: relative; TOP: 0px; HEIGHT: 1px">
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: -401px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV></DIV></MARQUEE></DIV>
<DIV style="LEFT: 948px; OVERFLOW: hidden; WIDTH: 30px; POSITION: absolute; TOP: 50px; HEIGHT: 400px">
<MARQUEE style="WIDTH: 30px; HEIGHT: 400px" scrollAmount=4 scrollDelay=1 direction=up>
<DIV style="LEFT: 0px; WIDTH: 30px; POSITION: relative; TOP: 0px; HEIGHT: 1px">
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: -401px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV>
<DIV style="FONT-SIZE: 30px; LEFT: 0px; WIDTH: 30px; COLOR: #ffff00; LINE-HEIGHT: 100%; FONT-FAMILY: 宋体; POSITION: absolute; TOP: 0px; HEIGHT: 401px; TEXT-ALIGN: left">·············</DIV></DIV></MARQUEE></DIV></TD></TR></TBODY></TABLE>