收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 29618|回复: 56

让背景如此暗淡(一种弹出提示信息时页面背景色调改变的方法)

[复制链接]
发表于 2006-9-14 13:29:19 | 显示全部楼层 |阅读模式
这个效果前些日子有人在论坛问起,今天有空研究了下。我打了原创标记,因为我在写这个方法时的确没有参考过别人的代码。我的方法其实就是层遮罩加ALPHA滤镜实现预期效果。

 提示:您可以先修改部分代码再运行

发表于 2006-9-14 14:34:13 | 显示全部楼层
好的方法.
回复 支持 反对

使用道具 举报

发表于 2006-9-17 16:59:37 | 显示全部楼层
楼主你太棒了,如果消息出来,页面上其它元素禁止任何操作呢?,另移动对话框

[[i] 本帖最后由 xtbr 于 2006-9-17 17:00 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2006-9-17 17:03:13 | 显示全部楼层
现在不就禁止了吗?消息出来后你还能点“显示提示信息”吗?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-9-17 21:36:47 | 显示全部楼层

现在可以拖动消息框了

原帖由 [i]xtbr 于 2006-9-17 16:59 发表
楼主你太棒了,如果消息出来,页面上其它元素禁止任何操作呢?,另移动对话框


这个层拖动的脚本不是本人写的,但很好用,配合上面已有的效果还是不错的。

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2006-9-17 22:27:20 | 显示全部楼层
页面太长时我还是能scroll到底部,这样那个mask就没用了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-9-18 03:50:36 | 显示全部楼层
6楼说的问题的确存在,如果页面很长,可以尝试把#mask的高度设得更长,这样总是会被遮住的。当然这样做有点笨蛋的感觉,我没有想到更好的办法。
回复 支持 反对

使用道具 举报

发表于 2006-9-18 08:55:18 | 显示全部楼层
那为什么不能自适应高度?不是可以取页面高度吗?为什么不用这个呢
回复 支持 反对

使用道具 举报

发表于 2006-9-18 10:29:07 | 显示全部楼层
还有一个问题,就是如果页面中有<select>要注意覆盖掉,就是加个<iframe>
回复 支持 反对

使用道具 举报

发表于 2006-9-18 10:56:55 | 显示全部楼层
问题二:应该设置当拉动右侧滚动条时,提示窗口也跟着移动,就是始终要保持在屏幕中央。
回复 支持 反对

使用道具 举报

发表于 2006-9-18 10:56:56 | 显示全部楼层
好东西,收藏一下
回复 支持 反对

使用道具 举报

 楼主| 发表于 2006-9-18 12:23:26 | 显示全部楼层

接xtrr的建议,那就用scrollWidth和scrollHeight吧

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2006-9-18 12:45:46 | 显示全部楼层
其他浏览器支持吗?
回复 支持 反对

使用道具 举报

发表于 2006-9-18 13:05:53 | 显示全部楼层
有一些问题:

我是1280 X 1024 分辨率,看你的下面还是有一块没盖住。到 bottom here 截止了。

clietHeight不是浏览器窗口的高度,而是内容高度。
回复 支持 反对

使用道具 举报

发表于 2006-10-6 23:34:08 | 显示全部楼层
层的拖动有些飘~~~有没有办法改进?
回复 支持 反对

使用道具 举报

发表于 2006-10-7 01:02:21 | 显示全部楼层
棒呀..多谢了.
回复 支持 反对

使用道具 举报

发表于 2006-10-7 11:07:16 | 显示全部楼层
在Firefox中无效。
回复 支持 反对

使用道具 举报

发表于 2006-10-7 11:36:17 | 显示全部楼层
顶上去,效果不错~~~~~~~~~~~~
回复 支持 反对

使用道具 举报

发表于 2006-10-7 17:43:18 | 显示全部楼层
不错 这个很难得一见 。楼主辛苦了。。
回复 支持 反对

使用道具 举报

发表于 2006-10-9 16:06:00 | 显示全部楼层

好贴

我全收了
回复 支持 反对

使用道具 举报

发表于 2006-11-23 10:41:39 | 显示全部楼层
原帖由 [i]shoppingcat 于 2006-9-18 12:23 发表
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>提示信息框</title>
<style type="text/css">
a{  ...



正在学习这种层的效果,遇到一点问题,在里面插入一个输入文本框后,输入的文字不能选择,是什么问题呢???
回复 支持 反对

使用道具 举报

发表于 2006-11-23 11:00:13 | 显示全部楼层
我刚用了wenming的类似贴,代码没细看,
但你这个能做成动态传值就更好了.
回复 支持 反对

使用道具 举报

发表于 2006-11-29 09:54:26 | 显示全部楼层
应该在能按住鼠标拖动的地方加个样式,鼠标放上去去是改变形状,这样人才才明白鼠标放在那是可以拖动的,你的是鼠标在哪都一样的形状。
回复 支持 反对

使用道具 举报

发表于 2006-11-29 09:59:37 | 显示全部楼层
楼主:谢谢了,我曾经把这个效果保留了,但是后来工作调动,就丢失了。然后再找没有找到 ,看到你今天把代码贴上了,谢谢。
回复 支持 反对

使用道具 举报

发表于 2006-11-29 10:16:25 | 显示全部楼层
好是好,可不支持FF啊
回复 支持 反对

使用道具 举报

发表于 2006-11-29 11:49:34 | 显示全部楼层
很好,学习了!!!!!!!
回复 支持 反对

使用道具 举报

发表于 2007-1-30 10:34:20 | 显示全部楼层
怎么遮住select啊。我也做了个。还带半秒渐进的。就是遮 不了select
回复 支持 反对

使用道具 举报

发表于 2007-1-30 14:26:44 | 显示全部楼层
提示: 作者被禁止或删除。
回复 支持 反对

使用道具 举报

发表于 2007-1-30 14:56:27 | 显示全部楼层
还有FLASH也遮不住.
回复 支持 反对

使用道具 举报

发表于 2007-1-30 15:11:49 | 显示全部楼层
select 不能被遮掩怎么办?

楼主有没有解决的办法?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2017-7-22 19:08 , Processed in 0.143574 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表