<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 背景变灰并不可编辑 </TITLE>
<style type="text/css">
<!--
html,body{
height:100%;
}
#fd {
background:#EDF1F8;
border: 2px solid #849BCA;
margin-top:2px;
margin-left:2px;
float:left;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
cursor:move;
float:left;/*filter:alpha(opacity=50);*/
z-index: 10;
}
a.od {
float:right;
font-size:14px;
color: #CC0000;
text-decoration: none;
}
-->
</style>
</HEAD>
<BODY>
<div id="bodyL"> <a href="#" onclick = "show('fd',event,this);return false;"> [打开层] </a> </div>
<div id="fd" style="display:none;filter:alpha(opacity=100);opacity:1;">
<div class="contentup"> <a href="#" class="od" onclick = "closeed('fd');return false;"> 关 闭 </a><br/>
2007年12月13日 ... clearInterval类似JS的clearTimeout. 时间间隔可以用setInterval 命令来创建并用clearInterval 命令来终止。setInterval 所用的参数有两种格式。- <a href='http://www.agrilink.cn/'>中国农业</a>
</div>
<script type="text/javascript">
var prox,proy,proyc,proxc,isIeOs,height;
var isIe=(document.all)?true:false;
function show(id,ev,obj){/*--打开--*/
isIeOs = getOs()=="Firefox"?false:true;
height = isIeOs?1:0;
closeWindow();
var bWidth=parseInt(document.documentElement.scrollWidth);
var bHeight=parseInt(document.documentElement.scrollHeight)<592?592:parseInt(document.documentElement.scrollHeight);
var back=document.createElement("div");
back.id="back";
var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";
styleStr+=(isIe)?"filter:alpha(opacity=40);":"opacity:0.40;";
back.style.cssText=styleStr;
document.body.appendChild(back);
clearInterval(prox);
clearInterval(proy);
clearInterval(proxc);
clearInterval(proyc);
var o = document.getElementById(id);
o.style.display = "block";
o.style.width = "1px";
o.style.height = height+"px"; //ie6\7不支持0px.ff3.0.x/3.5.x支持
o.style.top = obj.offsetTop + "px";
o.style.left = obj.offsetLeft + 80 + "px";
prox = setInterval(function(){openx(o,500)},50);//setInterval函数会重复间隔一段时间执行代码，因此应使用clearInterval函数将其停止.500是x坐标的宽度
}
function openx(o,x){/*--每隔50毫秒延伸一次x坐标--*/
var cx = parseInt(o.style.width);
if(cx < x)
{
o.style.width = (cx + Math.ceil((x-cx)/5)) +"px";
}
else
{
clearInterval(prox);
proy = setInterval(function(){openy(o,300)},50);//300是y坐标的高度
}
}
function openy(o,y){/*--打开y--*/
var cy = parseInt(o.style.height);
if(cy < y)
{
o.style.height = (cy + Math.ceil((y-cy)/5)) +"px";
}
else
{
clearInterval(proy);
}
}
//关闭窗口
function closeWindow(){
if(document.getElementById('back')!=null){
document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
}
}
function closeed(id){/*--关闭--*/
closeWindow();
clearInterval(prox);
clearInterval(proy);
clearInterval(proxc);
clearInterval(proyc);
var o = document.getElementById(id);
if(o.style.display == "block")
{
//o.style.display = "none";
proyc = setInterval(function(){closey(o)},50);
}
}
function closey(o){/*--打开y--*/
var cy = parseInt(o.style.height);
if(cy > height)
{
cy = cy - Math.ceil(cy/5);
o.style.height = cy +"px";
}
else
{
clearInterval(proyc);
proxc = setInterval(function(){closex(o)},50);
}
}
function closex(o){/*--打开x--*/
var cx = parseInt(o.style.width);
if(cx > 0)
{
o.style.width = (cx - Math.ceil(cx/5)) +"px";
}
else
{
clearInterval(proxc);
o.style.display = "none";
}
}
//判断是IE还是FF
function getOs(){
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
</script>
</BODY>
</HTML>
分享到：
相关推荐
很好用的一个功能,可以随意在弹出的层上显示需要提醒的内容,并以可以定义用户关闭这个层后需要跳转的页面!调用的方法如下,如下的代码的意思是:弹出提示"帐号激活成功..."的对话框后,关闭层将跳转到default.aspx页面...
2、设置不可编辑后，控件会有一个灰色不可编辑状态的背景颜色 3、设置不可编辑后，下拉控件动态添加的值，会显示空白的情况 此源码就是解决以上问题 1、简单几行代码，即可设置下拉控件的背景和文字颜色
让 input 变成不可编辑状态的方法 在 HTML 和 JavaScript 中，让 input 变成不可编辑状态有多种方法。下面我们将逐一介绍这些方法。 1. 使用 readonly 属性 可以在 input 标签中添加 readonly 属性，以便让 input...
在设计PPT时，字体的选择和排版也是不可忽视的元素。文档推荐使用“나눔고딕”字体，这是一种常见的韩文字体，简洁清晰，适合阅读。标题部分使用了大号的“나눔고딕 B”以增强视觉冲击力，而正文则推荐使用至少10pt...
Excel 表格设置部分区域不可编辑或灰色不可操作状态的方法 在 Excel 表格中，设置部分区域不可编辑或灰色不可操作状态是非常有用的功能，以下是相关知识点的总结： 一、设置部分区域不可编辑 在 Excel 2007 中，...
在IT行业中，文本编辑器是开发者们不可或缺的工具，GVim作为Vim的图形界面版本，深受许多程序员的喜爱。本文将深入探讨如何在GVim编辑器中设置字体、背景颜色，以及与这些设置相关的知识。 首先，让我们了解GVim的...
深灰背景糖果色饼图PPT.pptx,和“超炫的饼图PPT模板免费下载”不一样的是，深灰背景糖果色饼图PPT下载具有深色的背景，更适合在深灰色的PPT风格中使用该模板。矢量可编辑，也非常容易更换颜色，随心所欲。
在IT领域，编辑框是用户界面（UI）设计中不可或缺的一部分，它允许用户输入和编辑文本。当涉及到用户体验（UX）优化时，编辑框的颜色和背景设计至关重要，因为它们直接影响到用户的可读性和舒适度。在本文中，我们将...
在网页设计中，图片的优化是必不可少的，既要保证视觉质量，也要控制文件大小以提高加载速度。 "高光"通常用于强调设计中的特定部分，例如按钮、图标或其他重要元素，通过光影效果增加视觉层次感，引导用户注意力。...
在商业报告、项目展示或数据分析场合，它们是不可或缺的工具。 4. 木纹背景：虽然标题提到的是灰色背景，但描述中提到了木纹背景模板，这可能意味着模板提供了多种背景选择。木纹背景给人一种自然、温馨的感觉，...
它的主要特点在于使用了深灰色调的世界地图作为背景，这种颜色选择既专业又低调，能够为内容提供一个清晰且不抢眼的展示平台。深灰的色调有助于突出展示区域，让观众的注意力集中在PPT中的文字、图表或图像上，而...
5. **PPT制作工具**：熟练使用Microsoft PowerPoint或其他类似的演示文稿软件，如Google Slides或Apple Keynote，是必不可少的技能。用户需要了解如何插入和编辑图形、调整颜色方案、设置动画和过渡效果，以及如何...
9. **个人化定制**：虽然模板提供了一定的设计框架，但用户仍可进行个性化修改，如更改字体、颜色，甚至替换背景图案，以更好地符合个人或公司的品牌形象。 10. **兼容性和导出**：确保模板在不同版本的PowerPoint...
灰度处理使得背景不抢眼，让内容成为焦点。 3. **内容布局**：模板中的“目录”页展示了结构化的框架，帮助观众快速了解报告的概览。每个部分都有预设的标题位置，便于填充内容，保持页面一致性。 4. **内容编辑**...
在Photoshop（简称PS）这款强大的图像处理软件中，渐变工具是设计师们不可或缺的元素之一，它能够帮助用户在作品中创造出丰富的色彩过渡效果，从而提升视觉吸引力。本篇文章将详细阐述PS中常见的渐变种类及其应用...
6. **结尾与致谢**：结束语和致谢是PPT不可或缺的部分，如"谢谢观看"和"谢谢大家再见"，它们不仅表示对观众的尊重，也是演讲者与听众互动的体现。祝福语如"身体健康，万事如意"可以增加人性化和亲近感。 7. **WPS...
这种变化是为了提示用户该控件当前处于不可编辑状态。然而，在某些场景下，我们可能希望即使在Textbox被禁用的情况下也能保持统一的外观，例如，为了保持界面的一致性或者为了符合特定的设计规范。 ### 二、解决...
如果你在线上，可以直接在Google Slides中打开文档，并通过文件菜单选择“Make a copy”来创建一份可编辑的副本。这样，所有内容都可以根据需求进行编辑、添加或删除。如果你更喜欢使用PowerPoint，可以从文件菜单中...
在IT领域，处理文档是日常工作中不可或缺的一部分，而Spire.Doc是一款强大的.NET库，它允许开发者使用C#或VB.NET编程语言对Microsoft Word文档进行高效的操作。本篇将深入探讨如何利用Spire.Doc来实现Word文档的编辑...
"经典灰木纹背景杂志风工作总结PPT模板"提供了一个专业且有特色的框架，帮助用户以吸引人的方式展示其工作成果或总结。 1. **设计风格**：模板采用经典的灰木纹背景，这种设计给人一种稳重且高雅的感觉，适合用于...