存档

  • CSS模拟Lightbox

    .overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; z-index:900; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 344px; height: 57px; padding: 6px; background-color: white; z-index:901; overflow: auto; } Lightbox是一个很华丽的图片显示效果,当然也许你并不喜欢。它通过JS使图片直接呈现在当前页面之上而不用转到新的窗口。但是缺点是必须要加载完页面以后才有效果,在这点上highslide做得更好。lightbox效果有很多版本,这里我就不一一列举。它们都是靠JS实现的,JS文件小的十几K,大的上百K。当然了,相应的能实现更多特效。如果只是需要在个别页面实现一个类似Lightbox的效果,单纯依靠CSS实现,不含js也是很不错的。点击右侧图片查看效果。

    2008年7月4日 | 归档于 天下杂侃
    标签: ,
  • CSS部分备忘

    继续学习,知道得还是太少啊,连门槛都还没摸到。 CSS控制大小写 首字母大写 text-transform:capitalize; 全部大写 text-transform:uppercase; 全部小写 text-transform:lowercasecase;

    2008年6月21日 | 归档于 天下杂侃
    标签: ,
  • 随机日志注解备忘

    中文 WordPress 工具箱随机日志注解备忘。 在模板里调用: <?php random_posts(); ?> 调用方式: random_posts ($limit = 5, $length = 400, $before = ‘<li>’, $after = ‘</li>’, $show_pass_post = false, $show_excerpt_in_title = true) $limit:显示文章数,缺省5篇; $length:摘要长度,缺省400; $before:每条记录前显示的文字,缺省<li> $after:每条记录后显示的文字,缺省</li> $show_pass_post:是(true)/否(false)显示保护了的文章,缺省否(false) $show_excerpt_in_title:是(true),摘要显示于文章链接的title;否(false),直接显示于页面;缺省是(true)

    2008年6月20日 | 归档于 学海无涯
    标签: , ,
  • 去掉超链接的下划线

    文字链接 a { blr:expression(this.onFocus=this.blur()) } 如果是图片区域,可以加: area { blr:expression(this.onFocus=this.blur()) } 针对图片链接 或: [script] function bluring(){ if(event.srcElement.tagName==”A”||event.srcElement.tagName==”IMG”) document.body.focus(); } document.onfocusin=bluring; [/script] []替换为就不用说了吧……

    2008年5月17日 | 归档于 学海无涯
    标签: ,
  • Flash相关

    自己写引导页的时候用到了FLASH,不过以前一直对FLASH不怎么感冒,因为维护太麻烦。虽然他很华丽…… 把用到的写下来,算是备忘吧。 按纽,当前窗口转跳到目标地址 on(release) { getURL(“index.php”,”_self”); } 在最后一贞插入 getURL(“index.php”) 可实现自动转跳 在embed里加上 wmode=”transparent” 可实现背景透明效果。

    2008年4月30日 | 归档于 学海无涯
    标签: , ,
文章标签 ‘Code’