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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 1466|回复: 1

让背景渐渐变暗 前景定位的问题

[复制链接]
发表于 2008-11-27 11:12:07 | 显示全部楼层 |阅读模式
大家好!

大家帮我看下这问题该怎么解决? 我在CSS里调试过 没有效果,然后在.js里一个一个数值都试了 但是还是没有达到想要的效果。
可能我表达的不是很清楚,大家看下现在的效果
http://www.zongludao.com/hjts.asp
先谢了。
  1. <script>
  2. var isIe=(document.all)?true:false;
  3. //设置select的可见状态
  4. function setSelectState(state)
  5. {
  6. var objl=document.getElementsByTagName('select');
  7. for(var i=0;i<objl.length;i++)
  8. {
  9. objl[i].style.visibility=state;
  10. }
  11. }
  12. function mousePosition(ev)
  13. {
  14. if(ev.pageX || ev.pageY)
  15. {
  16. return {x:ev.pageX, y:ev.pageY};
  17. }
  18. return {
  19. x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop
  20. };
  21. }
  22. //弹出方法
  23. function showMessageBox(wTitle,content,pos,wWidth)
  24. {
  25. closeWindow();
  26. var bWidth=parseInt(document.documentElement.scrollWidth);
  27. var bHeight=parseInt(document.documentElement.scrollHeight);
  28. if(isIe){
  29. setSelectState('hidden');}
  30. var back=document.createElement("div");
  31. back.id="back";
  32. var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";
  33. styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";
  34. back.style.cssText=styleStr;
  35. document.body.appendChild(back);
  36. showBackground(back,20);
  37. var mesW=document.createElement("div");
  38. mesW.id="mesWindow";
  39. mesW.className="mesWindow";
  40. mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>";
  41. styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";
  42. mesW.style.cssText=styleStr;
  43. document.body.appendChild(mesW);
  44. }
  45. //让背景渐渐变暗
  46. function showBackground(obj,endInt)
  47. {
  48. if(isIe)
  49. {
  50. obj.filters.alpha.opacity+=1;
  51. if(obj.filters.alpha.opacity<endInt)
  52. {
  53. setTimeout(function(){showBackground(obj,endInt)},50);
  54. }
  55. }else{
  56. var al=parseFloat(obj.style.opacity);al+=0.01;
  57. obj.style.opacity=al;
  58. if(al<(endInt/800))
  59. {setTimeout(function(){showBackground(obj,endInt)},50);}
  60. }
  61. }
  62. //关闭窗口
  63. function closeWindow()
  64. {
  65. if(document.getElementById('back')!=null)
  66. {
  67. document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
  68. }
  69. if(document.getElementById('mesWindow')!=null)
  70. {
  71. document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));
  72. }
  73. if(isIe){
  74. setSelectState('');}
  75. }
  76. //测试弹出
  77. function testMessageBox(ev,id)
  78. {


  79. var objPos = mousePosition(ev);
  80. messContent="<div><img src=/product/"+id+" ></div>";
  81. showMessageBox('',messContent,objPos,600);
  82. }
  83. </script>
  84. <style type="text/css">
  85. html,body{margin:0px;height:200%;}
  86. .mesWindow{border:#666 1px solid;background:#fff;}
  87. .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}
  88. .mesWindowContent{margin:4px;font-size:12px;}
  89. .mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}
  90. <!--
复制代码
发表于 2008-11-27 11:31:20 | 显示全部楼层
不明白你要做什么
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-7-14 13:06 , Processed in 0.110072 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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