最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS弹出背景半透明窗口_html/css

来源:动视网 责编:小采 时间:2020-11-27 15:57:49
文档

CSS弹出背景半透明窗口_html/css

CSS弹出背景半透明窗口_html/css_WEB-ITnose: language=javascript
推荐度:
导读CSS弹出背景半透明窗口_html/css_WEB-ITnose: language=javascript

  1. " language="javascript">
  2. $(function(){
  3. var query = location.search;
  4. var equal_index = query.lastIndexOf("=");
  5. var result_index = query.indexOf("result");
  6. var submit_index = query.indexOf("submit");
  7. if(result_index != -1){
  8. if(query.substring(equal_index + 1) == 'success') {
  9. $("#msg").text('保存成功');
  10. pupopen();
  11. }
  12. }
  13. if(submit_index != -1){
  14. if(query.substring(equal_index + 1) == 'success') {
  15. $("#msg").text('上报成功');
  16. pupopen();
  17. }
  18. }
  19. });
  20. function pupopen(){
  21. $("#bg").css("display", "block");
  22. $("#popbox").css("display", "block");
  23. $(window).scroll(function(){ $(window).scrollTop(0); });// 禁止浏览器滚屏
  24. }
  25. function pupclose(){
  26. $("#bg").css("display", "none");
  27. $("#popbox").css("display", "none");
  28. $(window).unbind("scroll");// 恢复浏览器滚屏
  29. }
  30. 终于搞定这个效果了,IE和FF,OP均可以~
  31. 先说原理:两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter: Alpha(opacity=60);在非IE中用opacity:0.60;


文档

CSS弹出背景半透明窗口_html/css

CSS弹出背景半透明窗口_html/css_WEB-ITnose: language=javascript
推荐度:
标签: 背景 弹出 透明
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top