ExtJs仿锁屏功能

原创

于 2008-09-03 14:47:00 发布 · 2.3k 阅读

CC 4.0 BY-SA版权

文章标签：

这篇博客分享了如何利用ExtJS库开发一个仿锁屏功能，详细介绍了结合样式表文件LockScreen.css来实现屏幕锁定后的视觉效果，提供了一种在富互联网应用(RIA)中增强用户体验的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用Ext强大的功能，我们能够开发出非常好的RIA，这次在网络上参考一篇文章，用Ext库实现仿锁屏，将心得贴上……

锁定后屏幕的样式表文件。

LockScreen.css

 
 .lock{ 
   
    top:0;
    left:0;
    position:absolute;
    background:#5e4c0f;
    FILTER:alpha(opacity=60);/*css滤镜，让背景色产生半透明效果*/
}
 

TestLock.html

 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>    
    <title>屏

200万优质内容无限畅学