个人免费建站有些原则_评论回复弹出遮罩效果实

日期:2020-12-28 类型:行业动态 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的

评论回复弹出遮罩效果实现思路兼容ie 8/chrome/firefox   发布     腾讯网的评论的回复效果是通过一个页面的弹出遮罩来显示的,经研究自己模拟出来一个,感觉还行,兼容ie 8/chrome/firefox <:

复制代码代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="1999/xhtml" xml:lang="en"
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
script type="text/javascript" src="ajax/libs/jquery/1.7/jquery.min.js" /script
title Document /title
style type="text/css"
html,body{height:100%;padding:0px;margin:0px;}
.np-popframe-bg-opacity{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.wrapper{
position: absolute;
border:1px solid red;
width:800px;
height: 800px;
background: #fff;
top:1000px;
left:500px;
}
/style
/head
body
div /div
div id="np-popframe-bg-id" /div
div id="wrapper-id" /div
/body
script type="text/javascript"
(function(){
$("#wrapper-id").animate({top:"100px"},"slow");
$("#np-popframe-bg-id").on("click",function(){
//$(window.parent.document.getElementById("np-pop-iframe")).remove();
$("#np-pop-iframe",window.parent.document).remove();
});
})(jQuery);
/script
/html

这里需要用一到滤镜。让加载来的遮罩保持透明.

1 np-popframe-bg-id 的作用主要是显示评论框的外部区域。当鼠标点击该区域的时候,移除iframe.

2 div 需要设置100%的高度,需要在前面加上 html,body{height:100%;}的css,否则无效

3 还有一点就是绝对定位的absolute.

偶有所得,以记录之,谨防忘记!

这篇文章主要介绍了告别硬编码让你的前端表格自动计算,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了浅析Table 和 div 的简介及用法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了隐藏 Web 中的元素方法及优缺点教程,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了小项目中怎么防止Vue的闪现画面效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

一般来说html结构 css表现 javascrip行为,网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析

今天在制作页面的时候发现两个div之间有空隙导致两个本来应该在一起的效果,这里结合一下解决方法

今天看到一个网页使用了rgba不知道这个a是什么意思,原来是因为了忘了下面的颜色比上面的浅一些特别用rgba确实很方便,页面也不突兀,特分享一下需要的朋友可以参考下

这篇文章主要介绍了颜色之ARGB与RGB、RGBA的区别与介绍,需要的朋友可以参考下

这篇文章主要介绍了解决document.getElementBy系列方法获取不到对象的问题,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了白话分析自适应跟响应式的区别详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧