• 丰搜首页
• 文档中心
• 视频中心
• 丰搜贴吧
• 问题集锦
• 更多功能

选择显示字体大小

• 最大
• 较大
• 标准

习作:组件html ui components

第一个flash插件作品 :d
 这里下载

效果演示
huc_preview.swf
huc_preview_2.swf

主要有四个组件组成，分别是：hr横隔线、image图片、hyperlink超链接和tabular data数据表格

hr横隔线：
简介：
类似html中的<hr>，有实时预览
参数说明：
width - 宽度
height - 高度
shading - 是否显示阴影线
allow color - 是否允许使用颜色填充
color - 颜色

image图片：
简介：
类似html中的<img>，有实时预览
参数说明：
src - 图片地址（注意，因为flash本身的关系，只支持jpg格式图片）
size fixed - 是否强制以指定尺寸显示
width - 图片宽度
height - 图片高度
url - 为图片添加超链接地址(为空则不提供链接)
target - 链接将在指定窗口打开

hyperlink超链接：
简介：
类似html中的<a>，有实时预览
参数说明：
text - 超链接的文字
url - 链接地址
target - 链接将在指定窗口打开
font - 链接使用的字体
size - 链接使用的字号
link color - 链接使用的颜色
link bold - 是否加粗
link underline - 是否加下划线
link italic - 是否使用斜体字
transparent - 是否透明背景
bg color - 如果不透明将使用该颜色作背景色
hover color - 鼠标略过链接使用的颜色
以下略，设置同link，只是设置的是鼠标略过时的样式...

tabular data数据表格：
简介：
读取外部xml格式的文件，并将数据按所设置的表格样式在flash中输出，无实时预览
参数说明：
data url - 数据源文件地址
font - 文字使用的字体
font size - 文字字号
xml文件格式范例：
== table.xml ==

<?xml version="1.0"?>
<table border="0" cellspacing="1" bgcolor="#000000">
    <tr>
        <td href="#" width="50" color="#ff0000" bgcolor="#cccccc">test</td>
        <td href="#" width="60" color="#ff0000" bgcolor="#cccccc">test</td>
        <td href="#" width="100" color="#ff0000" bgcolor="#cccccc">test</td>
        <td href="#" width="100" color="#ff0000" bgcolor="#cccccc">test</td>
    </tr>

    <tr>
        <td href="#" bgcolor="#cccccc">short1</td>
        <td href="#" bgcolor="#cccccc">looooooooong</td>
        <td href="#" bgcolor="#cccccc">normal</td>
        <td href="#" bgcolor="#cccccc">normal</td>
    </tr>

    <tr>
        <td href="#" bgcolor="#cccccc">short2</td>
        <td href="#" bgcolor="#cccccc">looooooooong</td>
        <td href="#" bgcolor="#cccccc">normal</td>
        <td href="#" bgcolor="#cccccc">normal</td>
    </tr>

    <tr>
        <td href="#" bgcolor="#cccccc">short3</td>
        <td href="#" bgcolor="#cccccc">looooooooong</td>
        <td href="#" bgcolor="#cccccc">normal</td>
        <td href="#" bgcolor="#cccccc">normal</td>
    </tr>

    <tr>
        <td href="#" bgcolor="#cccccc">short4</td>
        <td href="#" bgcolor="#cccccc">looooooooong</td>
        <td href="#" bgcolor="#cccccc">normal</td>
        <td href="#" bgcolor="#cccccc">normal</td>
    </tr>
</table>

== table2.xml ==
<?xml version="1.0"?>
<table border="5" cellspacing="3" cellpadding="3" bordercolordark="#808080" bordercolorlight="#dad0c8" bordercollapse="false">
    <tr>
        <td href="#" width="50" color="#ff0000" bgcolor="#ffffff">aaaa</td>
        <td href="#" width="80" color="#ff0000" bgcolor="#ffffff">bbbbbbbbbb</td>
        <td href="#" width="80" color="#ff0000" bgcolor="#ffffff">cccccccccc</td>
        <td href="#" width="100" color="#ff0000" bgcolor="#ffffff">dddddddddddd</td>
    </tr>
</table>

增加表格排序功能~
huc_preview_2.swf

因为还有一些要增加的功能，等全部完成后再重新封装成插件
全部独立制作，未参考

增加高亮显示功能
huc_preview_3.swf

出处：
责任编辑：无意

◎进入论坛flash专栏版块参加讨论

关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范