-
如何做一个跳转的遮罩层效果5
我有个网站是用JOOMLA做的，但我现在想换个域名了，所以想把我原来网站上面加个遮罩跳转层，这样别人如果通过我以前的帖子上面留的链接点击进来，他们还能打开我原来的网站，但却不能打开里面的网页，只会跳出个半透明的层,上面有我的一个点击的链接，要求他们点击跳转到我新的网站。这样的效果如果做到了。
我找到个同样的效果的网站，http://boycj.com/
这个网站应该不是用JOOMLA做的，但效果就我想要的效果。有知道的能帮我写个代码吗，谢谢。
问题补充：xiangqian0505 写道我知道一种用js遮罩。可以添加图片，北京颜色，应该可以达到你想要的效果，但是不知道你不能用js，要是可以用，你改改下面的参数，就行了
//遮罩层显示
var mybg;
displayDiv=function()
{
mybg = document.createElement("div");
mybg.setAttribute("id","mybg");
mybg.innerHTML="<center>正在处理中, 请稍候<img src='lib/images/loading.gif'></img></center>";
mybg.style.width = "100%";
mybg.style.position = "absolute";//绝对位置显示
mybg.style.top = "260";
mybg.style.left = "0";
mybg.style.zIndex = "100";//z轴位置
mybg.style.opacity = "0.8";//透明度
mybg.style.filter = "Alpha(opacity=80)";//滤镜显示透明度
document.body.appendChild(mybg);
}
//遮罩层移除
removeDiv=function()
{
document.body.removeChild(mybg);
}
这个应该怎么设置了，我对编程不太懂，JOOMLA网站应该可以应用JS的。
2011年11月28日 16:02
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
我知道一种用js遮罩。可以添加图片，北京颜色，应该可以达到你想要的效果，但是不知道你不能用js，要是可以用，你改改下面的参数，就行了
//遮罩层显示
var mybg;
displayDiv=function()
{
mybg = document.createElement("div");
mybg.setAttribute("id","mybg");
mybg.innerHTML="<center>正在处理中, 请稍候<img src='lib/images/loading.gif'></img></center>";
mybg.style.width = "100%";
mybg.style.position = "absolute";//绝对位置显示
mybg.style.top = "260";
mybg.style.left = "0";
mybg.style.zIndex = "100";//z轴位置
mybg.style.opacity = "0.8";//透明度
mybg.style.filter = "Alpha(opacity=80)";//滤镜显示透明度
document.body.appendChild(mybg);
}
//遮罩层移除
removeDiv=function()
{
document.body.removeChild(mybg);
}2011年11月28日 18:47
相关推荐
这个压缩包中的“微信遮罩层”很可能是一个HTML、CSS和JavaScript组成的组件，用于实现上述遮罩层效果。开发者可以将这个组件集成到自己的微信应用中，根据需求进行定制，比如调整遮罩层的颜色、透明度，以及加载...
页面点击按钮后出现遮罩层，遮罩层上面有其他...需要显示详情，但是不想从新写一个页面。所以选择弹出层，一层遮罩层，一层显示详情层，遮罩层的好处可以让用户在看详情的时候不能操作页面其他位置，防止页面出现错误。
在网页设计中，有时我们需要在页面中添加一个遮罩层，以实现如加载动画、弹窗提示或隐藏部分内容的效果。本话题将详细讲解如何在iframe中实现页面的遮罩层功能，结合`right.html`, `main.html`, `left.html`, `top....
这种情况通常发生在用户打开一个网页链接时，微信内置浏览器为了提供更好的用户体验，可能会自动添加遮罩层来阻止页面的默认行为。这篇教程将详细介绍如何通过编程方式判断微信浏览器是否自动弹出遮罩层，并提供一个...
遮罩层是一个半透明的覆盖层，用于遮盖主界面，强调弹出窗口，并防止用户在弹出窗口未处理时误操作主界面。它为用户提供了一个集中注意力的环境，确保他们完成弹出窗口中的任务后再返回主界面。遮罩层的透明度和颜色...
"CSS等待遮罩loading效果（多个）"是一个集合，包含了多个不同的CSS实现的加载动画，旨在为用户提供美观且不单调的加载界面。 CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML（包括如SVG、Math...
1. **创建遮罩层**：在页面中添加一个全屏的透明遮罩层，通常使用CSS来实现。可以使用`position: fixed`使遮罩层覆盖整个屏幕，`z-index`确保其位于页面其他元素之上。例如： ```css .mask { position: fixed; ...
"微信判断浏览器自动弹出遮罩层【完整代码】.zip"这个压缩包文件提供了一个解决方案，针对微信内置浏览器打开网页时自动弹出遮罩层，引导用户跳转到系统浏览器以获得更好的浏览体验。这个功能主要涉及以下几个技术点...
另一方面，“工具”标签可能表示这是一个辅助开发的工具，可以帮助开发者快速实现遮罩层效果，节省开发时间。 在“压缩包子文件的文件名称列表”中，只有一个名为“demoIfm”的文件。这很可能是一个示例文件或测试...
在busy-load插件中，jQuery提供了一个简洁的API，使得开发者能够快速地在网页中添加遮罩层和loading效果。通过引入jQuery库，我们可以利用其强大的选择器功能选取需要添加遮罩层的元素，并应用插件的各种配置。 **...
接下来，我们创建一个div作为遮罩层，设置合适的样式使其覆盖整个页面。我们可以利用Bootstrap的`.modal-backdrop`类来快速实现这个效果： ```html <div id="loading-mask" class="modal-backdrop fade show"></div...
在微信中访问Web页面时，有时开发者为了提供更好的用户体验或者强制用户在浏览器环境中打开网页，会选择添加一个遮罩层，并在右上角显示“在浏览器中打开”的提示按钮。这样的设计能够确保用户能够充分利用Web页面的...
本项目“jQuery遮罩层登录界面效果，AJAX登录验证”是基于jQuery实现的一个登录功能，其核心特点在于创建了一个遮罩层效果以及利用AJAX进行后台验证，提供用户友好的交互体验。 首先，遮罩层是一种常见的网页设计...
这个功能为用户提供了更丰富的视觉体验，当鼠标悬停在图片上时，会有一个遮罩层从左侧滑出，显示相关信息或描述，提升网站的互动性和吸引力。 首先，让我们来分解这个功能的关键组成部分： 1. **jQuery**：这是一...
在网页开发中，有时我们需要在用户等待某个操作完成或数据加载时向他们展示一个提示，这时弹出一个带有“正在加载”效果的遮罩层就显得尤为重要。这种效果可以提供良好的用户体验，让用户知道系统正在进行后台处理，...
这种效果通过在页面上创建一个半透明的遮罩层，然后在其中显示放大后的图片，营造出一种悬浮在页面上的感觉。"jQuery图片遮罩层lightbox特效.zip" 包含的资源很可能就是实现这一效果的相关代码和示例。 Lightbox...
在执行某些操作时，例如页面跳转、提交表单时，为了防止用户进行其它操作，常常会用一个半透明的遮罩层来覆盖整个页面或者部分页面，这种效果称为遮罩效果。通过jQuery可以动态地在页面上添加这样的遮罩层。 在提供...
这段代码创建了一个全屏的遮罩层，并在其中放置了一个指向支付宝支付的链接。`#maskLayer`是遮罩层的CSS ID，`path/to/your/image.png`需替换为你的图片路径。 4. **添加JavaScript控制**：为了让遮罩层只在微信...
弹出层对话框则是在页面中央或其他指定位置出现的一个独立的、可定制的元素，它可以包含文字、图片、按钮等各种交互元素。 首先，`index.html`是项目的主页面文件，它包含了HTML结构，包括用于触发弹出层的按钮以及...
这很可能是一个示例代码或者资源文件，包含了实现上述效果的具体代码和样例图片。通过分析和学习这些代码，开发者可以更好地理解和应用jQuery与CSS3来创建自己的图片遮罩层和Lightbox动画特效。 总之，jQuery和CSS3...