Felix Dong's BLOG-一念之间

 大不同！体验Fckeditor 2.6.1

发表于:2008-03-30 18:02:52, 分类:技术档案 浏览( ) 评论( )

今天无意间看到Fckeditor官方已经将最新版本升级为Fckeditor 2.6RC，忍不住download来尝尝鲜，没想到，惊喜随之而来...... 

无论是加载速度，还是用户体验，Fckeditor 2.6都是一个飞跃。
由时下流行的MiniBox替代了原来的MiniWindow。效果很好，看得出来，开发团队越来越重视用户的需要了。ASBLOG也一样，会秉承用户第一的原则前进的~

下面，测试一下语法高亮插件 

用Css+Html打造Lightbox效果

CSS代码
  1. body{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }   
  2. a{ color: #000; text-decoration: none; }   
  3. .img{ border: 0px; }   
  4. .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); }   
  5. .white_content { display: none; position: absolute; top: 15%; left: 25%; width: 632px; height: 445px; border: 16px solid #FFF; border-bottom: none; background-color: white; z-index: 1002; overflow: auto; }  
XML/HTML代码
  1. <p>Css+Html 打造的轻量级LightBox效果  <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">点击这里</a></p>  
  2. <div id="light" class="white_content"><a href="http://bbs.allsheng.net/viewthread.php?tid=664&extra=page%3D1" target="_blank">ASBLOGv2.1 正式版已经发布了!!!</a><br /><br /><span class="Pointer" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">关闭窗口</span></div>  
  3. <div id="fade" class="black_overlay"></div>  

 

HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

 Fckeditor技术网络收藏这篇日志
正在读取日志的评论数据,请稍后……
正在加载日志评论签写框，请稍后……
成员登录通道
正在载入成员登录通道...
BLOG 日历助手
正在载入日历助手...
BLOG 统计信息
正在载入统计信息...
BLOG 分类列表
BLOG 日志归档
BLOG 热门日志
BLOG 推荐日志
BLOG 最新评论
{$SideComment}
BLOG 最新留言
{$SideGB}
BLOG 站内搜索

BLOG 友情链接
Tags Cloud:

Copyright © 2006-2008 AllSheng Studio. All Rights Reserved.

Powered By AllSheng Studio

程序运行时间:毫秒

黑ICP备05007482号