第一個FLASH插件作品 :D 這里下載
效果演示 huc_preview.swf huc_preview_2.swf
主要有四個組件組成,分別是:HR橫隔線、Image圖片、Hyperlink超鏈接和Tabular data數(shù)據(jù)表格
HR橫隔線: 簡介: 類似HTML中的<HR>,有實時預(yù)覽 參數(shù)說明: width - 寬度 height - 高度 shading - 是否顯示陰影線 allow color - 是否允許使用顏色填充 color - 顏色
Image圖片: 簡介: 類似HTML中的<Img>,有實時預(yù)覽 參數(shù)說明: src - 圖片地址(注意,因為FLASH本身的關(guān)系,只支持JPG格式圖片) size fixed - 是否強制以指定尺寸顯示 width - 圖片寬度 height - 圖片高度 url - 為圖片添加超鏈接地址(為空則不提供鏈接) target - 鏈接將在指定窗口打開
Hyperlink超鏈接: 簡介: 類似HTML中的<a>,有實時預(yù)覽 參數(shù)說明: text - 超鏈接的文字 url - 鏈接地址 target - 鏈接將在指定窗口打開 font - 鏈接使用的字體 size - 鏈接使用的字號 link color - 鏈接使用的顏色 link bold - 是否加粗 link underline - 是否加下劃線 link italic - 是否使用斜體字 transparent - 是否透明背景 bg color - 如果不透明將使用該顏色作背景色 hover color - 鼠標略過鏈接使用的顏色 以下略,設(shè)置同link,只是設(shè)置的是鼠標略過時的樣式...
Tabular data數(shù)據(jù)表格: 簡介: 讀取外部xml格式的文件,并將數(shù)據(jù)按所設(shè)置的表格樣式在FLASH中輸出,無實時預(yù)覽 參數(shù)說明: data url - 數(shù)據(jù)源文件地址 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
出處:
責(zé)任編輯:無意
◎進入論壇Flash專欄版塊參加討論
|