1. 首页
  2. 问答
  3. JS弹出元素昏暗周围的网站

JS弹出元素昏暗周围的网站

2010-07-01 53 views
4

我不太确定如何描述我想要做什么，但我确定我以前在很多网站上看到过它。JS弹出元素昏暗周围的网站

基本上，当有人点击一个链接时，它应该显示一个包含一些文本的元素，并将网站的其余部分变暗，以便用户将注意力集中到元素上。它不应该让用户点击模糊区域，因为通知需要确认才能进行。

我在我的网站上使用jQuery，所以我很乐意使用它，如果它会更容易。

来源

2010-07-01 Matt

回答

9

jQuery UI的dialog小部件将在'模式'模式下打开时使用'半透明'背景。

HTML：

<div id='test' title='test'>Test!</div>

的javascript：

$('#test').dialog({modal: true});

演示here

来源

2010-07-01 11:32:48 sje397

0

它通常被称为 “收藏夹”。我使用了一个名为nyroModal的插件，它非常灵活，并且支持多种浏览器。

来源

2010-07-01 11:30:31 patmortech

2

添加一个额外的div来覆盖内容。蒙版应放置在除弹出控件外的所有元素的顶部。使用下面的jQuery代码，可以实现这个功能。假设（格）的ID为新加入的控制=“面具”

......... 
var maskHeight = $(document).height(); 
var maskWidth = $(window).width(); 
//Set heigth and width to mask to fill up the whole screen 
$('#mask').css({'width':maskWidth,'height':maskHeight}); 

//transition effect  
$('#mask').fadeIn(1000);  
$('#mask').fadeTo("slow",0.5); 
......

来源

2010-07-01 12:55:03

相关问题

 相关问题