• 2007-04-06

    flash精美导航动画制作教程 - [※教程※]

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://ieasy.blogbus.com/logs/4964107.html

    导航条

    如图,相信这种flash导航动画是人都见过吧,呵呵~偶苦寻了好久没发现教程,找到一个看半天没看懂,所以就自己写咯,上课!

    照例公布flash地址:http://www.yesky.com/TLimages/yeskyimages/pixviewer.swf

    其实制作这种导航动画并不需要什么flash功底,因为它就是一串HTML代码..
    代码如下:

    <SCRIPT type=text/javascript>                                                      
        var focus_width=宽度                                                     
        var focus_height=高度                                                   
        var swf_height = focus_height                                                      
        var pics='图片地址|图片地址|图片地址'       
        var links='链接地址|链接地址|链接地址'              
        var texts='介绍文字|介绍文字|介绍文字'                                                  
        document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');                                                      
        document.write('<param name="allowScriptAccess" value="sameDomain">');                                                  
        document.write('<param name="movie" value="http://www.yesky.com/TLimages/yeskyimages/pixviewer.swf">');       
        document.write('<param name="quality" value="high">');                                                      
        document.write('<param name="bgcolor" value="#DADADA">');                                                      
        document.write('<param name="menu" value="false">');                                                      
        document.write('<param name="wmode" value="opaque">');                                                      
        document.write('<param name="FlashVars" value="pics='+pics+'&amp;links='+links+'&amp;texts='+texts+'&amp;borderwidth='+focus_width+'&amp;borderheight='+focus_height+'">');  
        document.write('<embed src="http://www.yesky.com/TLimages/yeskyimages/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&amp;links='+links+'&amp;texts='+texts+'&amp;borderwidth='+focus_width+'&amp;borderheight='+focus_height+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
       document.write('</object>');                                                      
    </SCRIPT>

    注意一点,长宽自行设定。图片地址,链接地址,文字介绍是互相对应的~!可以根据需要多添加或少添加图片,最好不要超过10张,然后图片支持的格式是JPG!其他的可能不行,没试过...
    试试看,是不是做到了,其实也很简单的说,稍微有点网络标签语言基础就OK啦~

    还有,这么有名的东东,肯定不止我一个人写,但是本篇是我原创绝对没错,代码来源于N!Ce,

    好了,下课!


    收藏到:Del.icio.us




    评论

  • 不显示文字哦,请指教!http://www.5177517.com
    eA7Y回复小菜心说:
    这个东东我自己没测试过的,所以无法显示文字的问题我也无法给出合理的答案,嗯,很抱歉.
    2008-01-08 19:38:44
  • 嘿 谢谢你到我小家做客哦 欢迎常来 -0- 你文章很精彩哦
    eA7Y回复袖 .说:
    哦~你就是那个很PP的姐姐对不对~?嘻嘻,我会常去的...
    2007-04-14 10:44:28
  • 下面的文本显示不了 郁闷
    eA7Y回复testify说:
    文本啊~
    这个我也没试过,应该是将鼠标放在图片上一会自动显示吧~
    、、我也不知道...嘻嘻,实在不能用就自己琢磨吧~
    弄懂了再来教我,呵呵~!!
    2007-04-13 19:04:26
  • 不知道为什么本地计算机图片怎么显示?(var pics='本地图片地址请给个格式例子|谢谢|??' ) 还有文本不知道怎么不显示?
    eA7Y回复volcano说:
    本地图片需要传到网络上才能显示的...
    2007-04-13 19:01:52
  • 我刚刚看,趴地谢谢作者,希望能有用
    eA7Y回复volcano说:
    你是用在哪里啊~博客吗?为什么不留个地址给我...
    2007-04-13 19:05:31
  • 这个教程比我那易懂多了!

    很棒!
    eA7Y回复N!Ce说:
    要不是下载了那个源文件,怎么看得懂啊~
    还好看出来了是HTML语言,不然我会在Flash 8.0上郁闷死的..
    不过也对,你不会做Flash的说
    2007-04-07 10:20:27
  • 哇...好酷的博客啊.....是博客巴士的吧....一看就知道的哈...... go go 加油!!~~``````
    eA7Y回复钟鑫说:
    全班最汗颜的就是你~!
    2007-04-06 21:27:41

发表评论

您将收到博主的回复邮件
记住我