JS: 背景虚化,内容聚焦

最近在做一个公司内部网站,申明一下,公司为非互联网公司,因此网站纯为内部信息共享,方便新闻发布。开发也是十分的“山寨”,没有专业人员,没有基础平台,一切从零开始,一切从三个“臭皮匠”开始:一个皮匠负责后台,一个负责UI,一个负责前台代码。我是其中负责前台的皮匠。初用javascript,存在很多的不足,性能没有考虑,功能放在了第一位。

第一个功能,页面聚焦。初始页面中分布很多小版块,当用户点击版块时,显示该版块详细内容,同时,页面其余部分模糊化。

考虑到页面需要模糊化,并且在点击任何部分的时候都需要这个功能,因此将页面主体部分放到一个div id="container"中,点击其中版块,通过js将改div的透明度进行更改。同时,点击后出现的详细内容放入一个div id="artcon“ 中,并将该div置于 id="container"之外:


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
















Click me to show the details











Click me to hide me!














(代码为手写,非引用。)

你可能感兴趣的:(html,javascript)