DHTML设计VC界面..docVIP

DHTML设计VC界面《一》 收藏 Visual C++设计界面是一个比较困难的事情，市面上也有皮肤库这样的第三方产品，但是使用中总有不如意的地方，既然VC7开始就有了CDhtmlDialog这么一个新类，为什么我们不利用易于美观设计的HTML来做界面呢？把大量的UI效果交给JS+CSS来实现。 本文假设读者已经知道CDhtmlDialog的基本工作原理，对于如何初创一个DHtml界面不再做详细阐述。 但是我也将推荐一个来自于codeproject的开源DHTML操作类库CHtmlEditor 原地址 /KB/cpp/DHTMLEditor.aspx 本文Demo即基于此类来操作UI元素 好，我们就开始一步一步来设计这个美丽的界面吧。 本文来自CSDN博客，转载请标明出处：/IamNieo/archive/2008/09/01/2860115.aspx DHTML设计VC界面《二》- 背景 收藏 首先我们生成一个基于DHtmlDialog编程的DHtmlUIDemo工程来做实现这个UI背景 HTML资源准备 把美工做好的HTML替换到程序的HTML文件中，图片资源文件放到res/下 HTML代码如下 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN html head titlemaindialog/title style body { margin:0; color:#fff; font-size:12px; } .sbTxt { color:#FFF; float:left; font:normal 12px Trebuchet MS,Arial; } .wh { color:#FFF; float:left; font:normal 9px Trebuchet MS,Arial; } .logout { cursor:hand; color:#FFF; float:left; font:normal 9px Trebuchet MS,Arial; text-decoration:underline; } .setting { cursor:hand; color:#FFF; float:left; font:normal 9px Trebuchet MS,Arial; text-decoration:underline; } .whs { color:#FFF; float:left; font:normal 15px Trebuchet MS,Arial; } .td_normal { cursor:hand; } .td_normal span { color:#FFF; /* 默认链接颜色 */ float:center; text-decoration:none; font:normal 8px Trebuchet MS,Arial; } .td_hover { cursor:hand; background: url(res/button.png) no-repeat left center; } .td_hover span { color:#FFF; /* 默认链接颜色 */ float:center; text-decoration:none; font:normal 8px Trebuchet MS,Arial; } .td_gray { filter:gray; } .td_gray span { color:#999; /* 默认链接颜色 */ float:center; text-decoration:none; font:normal 8px