jquery初始化遮罩层，jquery弹出层

css如何实现鼠标移至图片上显示遮罩层及文字

方法一：鼠标移至图片上显示遮罩层及文字 先看下html，一个img图片控件，和一个有mask样式的div，里面有文字，这个就是遮罩层。

首先看看HTML、一个img图像控件和一个带掩码样式的div，其中包含文本。这是蒙版层。然后，查看样式定义。首先，查看图像容器和图像的样式，如图所示。这主要是准备我们的绝对定位口罩。看看蒙版层的样式定义。

．然后，添加mouseover和mouseout事件，主要是当鼠标移到图像容器时显示遮罩层，并在鼠标移出时隐藏遮罩层。6．刷新页面，可以看到页面上显示的普通图片。7．最后，可以看到当鼠标放在图片上时，将显示遮罩层。

相关问答

Q1: 我想用jquery实现弹出文本框,不知道代码怎么写请大神们帮忙啊!!!_百度...

新建并保存一个html文档，进入html代码编辑页面。写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。

首先我们在页面放置一个用来触发弹出层的链接，也可以是个按钮button，注意的是我们给它设置一个data-show-layer属性，这个属性值对应的就是弹出层的id，也就是说通过data-show-layer来关联弹出层。

(function(){ $(.check).click(function(){ $(.text).show()； })})这个不行吗？这还不够详细啊？那还怎么详细？我总不能把你的网页都给你写了吧？再说我也不知道你的网页长什么样啊。

（“input.search”）.focus(function(){ //搜索框获得焦点促发事件；(.list).append(col[0]col[1]col[3]col[4])；//加入五条搜索内容的记录，也可以用for循环出来，看你需要显示条数。

Q2: 如何用jQuery实现点击按钮弹出一个盒子,除了这个盒子以外的其他部分颜色...

1、弹出div 自己可以复制代码运行下， 应该是你要弄的效果吧。有不理解的可以追问我哦！记得采纳哦。或者选为优质。谢谢啦。。

2、先把查询出来的东西放入session对象，在当前页面读取出部分信息，为button按钮添加一个单击事件。

3、新建一个html文件，命名为test.html。在test.html文件内，使用p标签创建一个区域，下面将在p标签内添加一个a标签。在test.html文件内，设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。

4、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

5、新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。

6、设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。

Q3: jquery实现显示div,并屏蔽div以外的东西,变灰

Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。

首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。接着用js来实现显示，隐藏的功能。

首先，jquery显示隐藏div是用的show()、hide()方法。

Q4: jquery遮罩层遮挡不住图片是怎么回事,弹出层,网页背景透明那块,文字...

其实最关键的就是需要遮罩层和主体层，内容可以根据项目需求自定义，因为它可能是个表单、也可能是个纯文字说明的内容。

最好用的弹出层是fancybox，它可以弹出来任何东西，可以是文本，可以是一个隐藏的节点，还可以是一个iframe，也就是说你只要写一个新的网页显示公告，这个链接上写上href=“公告网址”。

将这个需要覆盖全部页面的半透明容器相对与文档绝对定位，然后设置其宽度高度均为均为100%即可，缺点是容器总是覆盖当前状态下浏览器视口的面积，如果此时调整浏览器宽度或高度为更大值则出现非覆盖区。

遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。

Q5: Jquery的thickbox插件默认情况是点击灰色的遮罩层也会关闭的,请问如何...

第二步：一般简单使用就是给标签和Button添加样式：class=thickbox 还有就是通过thickbox函数调用：如tb_init()、tb_show()；见下文。

最高效的方法是去改lightbox这个组件的源代码，它没有放出这方面的参数，默认就是点击任何位置会关闭。

当点击按钮之后，滑动弹窗，遮罩层以下的页面也会移动，这让体验很不好。

第一种方式：你使用的现有库中有没有开启和关闭遮罩的api，如果有的话，直接照着api使用即可；第二种方式：自己写个遮罩。

jquery初始化遮罩层的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery弹出层、jquery初始化遮罩层的信息别忘了在本站进行查找喔。