首页 » 建站技术 » 浏览内容

与众不同的CSS实现简单Lightbox效果


2008-10-23 16:15:37 3,008 0 发表评论 字体: 作者:C.K.

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

来自Bitrac的一段简单代码,只要加到自己的主题CSS就可以实现效果(仅限于缩放,不能用于链接)
用在bo-blog上就是下面的,加到模板CSS文件的最后.

.insertimage {
max-width:600px;height:auto;cursor:pointer;
border:1px dashed #4E6973;padding: 3px;
zoom:expression( function(elm) {
if (elm.width>560) {
var oldVW = elm.width; elm.width=560;
elm.height = elm.height*(560 /oldVW);
}
elm.style.zoom = '1';
}(this));
}

如果CSS中已有insertimage,请删除,未验证,有兴趣的试试吧!

网站统计 Statistics

  • 创建时间: 2005年1月3日 距今5066 天
  • 日志总数: 2461
  • 评论总数: 630
  • 标签总数: 654
  • 链接总数: 273
  • 最后更新: 2018-8-31 17:57:04
  • 您是本站第 14166684 位访客

广告区 Guǎng Gào