个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我这里有一个 JavaScript，可以让图像(幽灵)出现在屏幕上，飞来飞去，然后淡出，然后再重复。该脚本在我的文档中没有 DOCTYPE 的情况下工作得很好，但是如果我添加任何 DOCTYPE，则只有出现/消失有效。由于某种原因，它不会在屏幕上四处移动。我需要使用的 DOCTYPE 是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这让我发疯，我似乎无法弄清楚如何使其兼容。我只需要让运动部分与 DOCTYPE 一起工作。对此的任何帮助将不胜感激。下面是脚本:
if(!window.JSFX) JSFX=new Object();
JSFX.ghostImages = new Array(
"<img src='/ghost.png'>",
"<img src='/ghost2.png'>"
);
var ns4 = document.layers;
var ie4 = document.all;
JSFX.makeLayer = function(id)
{
var el = document.getElementById ? document.getElementById(id) :
document.all ? document.all[id] :
document.layers[id];
if(ns4) el.style=el;
el.sP=function(x,y){this.style.right = x;this.style.top=y;};
el.show=function(){ this.style.visibility = "visible"; }
el.hide=function(){ this.style.visibility = "hidden"; }
if(ns4 || window.opera)
el.sO = function(pc){return 0;};
else if(ie4)
el.sO = function(pc)
{
if(this.style.filter=="")
this.style.filter="alpha(opacity=100);";
this.filters.alpha.opacity=pc;
}
else
el.sO = function(pc)
{
this.style.opacity=pc/100;
}
return el;
}
if(window.innerWidth)
{
gX=function(){return innerWidth;};
gY=function(){return innerHeight;};
}
else
{
gX=function(){return document.body.width-50;};
gY=function(){return document.body.height-50;};
}
JSFX.ghostOutput=function()
{
for(var i=0 ; i<JSFX.ghostImages.length ; i++)
document.write(ns4 ? "<LAYER NAME='gh"+i+"'>"+JSFX.ghostImages[i]+"<\/LAYER>" :
"<DIV id='gh"+i+"' style='position:absolute'>"+JSFX.ghostImages[i]+"<\/DIV>" );
}
JSFX.ghostSprites = new Array();
JSFX.ghostStartAni = function()
{
for(var i=0 ;i<JSFX.ghostImages.length;i++)
{
var el=JSFX.makeLayer("gh"+i);
el.x=Math.random()*gX();
el.y=Math.random()*gY();
el.tx=Math.random()*gX();
el.ty=Math.random()*gY();
el.dx=-5+Math.random()*10;
el.dy=-5+Math.random()*10;
el.state="off";
el.op=0;
el.sO(el.op);
el.hide();
JSFX.ghostSprites[i] = el;
}
setInterval("JSFX.ghostAni()", 40);
}
JSFX.ghostAni = function()
{
for(var i=0 ;i<JSFX.ghostSprites.length;i++)
{
el=JSFX.ghostSprites[i];
if(el.state == "off")
{
if(Math.random() > .99)
{
el.state="up";
el.show();
}
}
else if(el.state == "on")
{
if(Math.random() > .98)
el.state="down";
}
else if(el.state == "up")
{
el.op += 2;
el.sO(el.op);
if(el.op==100)
el.state = "on";
}
else if(el.state == "down")
{
el.op -= 2;
if(el.op==0)
{
el.hide();
el.state = "off";
}
else
el.sO(el.op);
}
var X = (el.tx - el.x);
var Y = (el.ty - el.y);
var len = Math.sqrt(X*X+Y*Y);
if(len < 1) len = 1;
var dx = 20 * (X/len);
var dy = 20 * (Y/len);
var ddx = (dx - el.dx)/10;
var ddy = (dy - el.dy)/10;
el.dx += ddx;
el.dy += ddy;
el.sP(el.x+=el.dx,el.y+=el.dy);
if(Math.random() >.95 )
{
el.tx = Math.random()*gX();
el.ty = Math.random()*gY();
}
}
}
JSFX.ghostStart = function()
{
if(JSFX.ghostLoad)JSFX.ghostLoad();
JSFX.ghostStartAni();
}
JSFX.ghostOutput();
JSFX.ghostLoad=window.onload;
window.onload=JSFX.ghostStart;
这是一个没有 DOCTYPE 的页面上的脚本示例: http://boomansion.net/test.php
...以及带有 DOCTYPE 的页面上的示例(查看最底部): http://boomansion.net/test2.php
提前致谢!
最佳答案
您将 top 和 left 设置为 Numbers，但它们需要长度(非零长度必须有一个单位)。
当您添加 Doctype 时，浏览器:
您可能想要 + "px"。
关于php - JavaScript 在使用 DOCTYPE 时失去图像移动功能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7706322/
26
4
0
有很多线程解释了选择什么 Doctype，但我找不到任何解释实际语法的线程。举个例子: 特别是: PUBLIC 是否可以替换为其他值，是什么意思？ 为什么 url 需要用引号括起来？ 是什么 ”-”
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and th
我正在尝试制作 100% 高度的东西，但添加文档类型会破坏它。这在 other questions 上进行了解释. 然而，我发现了一些奇怪的事情——如果我关闭 doctype 标签(我知道你不应该这样
美好的一天， 我正在开发一个 C# Web 应用程序，一切正常，直到我添加普通的 JavaScript。 html代码如下: JScript.js是放入的 JavaS
我有一个主要的框架集页面，它使用 FRAMESET 文档类型..现在它里面有 3 个框架.. 现在对于第 2 帧，我想使用一些 HTML5 代码 ()...所以我想我必须使用 doctype 现在我的
我正在制作一个网页，我即将完成，所以我决定通过一个 html 验证器来验证它，但我的页面出现了一堆错误。我的页面目前适用于 ...但是当我输入 我页面的间距中断。 示例:工作时的图片 代码: 当我添
我刚刚在 W3C 验证器上检查了我的个人登陆页面以确保它是正确的 HTML5，然后发现我需要 而不是 通过。 但是背景图片不会延伸到底部。我已经尝试了 wrapper 的最小高度，并清除了，但似乎没有
这是文档类型所在的文件: Taekwendo tinymce.init({ selector: '#art
这是我的问题的 html 代码 Insert title here var arr = [ "A", "B", "C" ]; for (var i = 0; i 在
我在抓取一些具有多个 声明的网站时遇到了困难。 。 我正在使用带有 requests 的 Python 2.7.9 和来自 bs4 的 BeautifulSoup。当我执行 requests.get
我刚刚在 Windows Server 2008 上创建了一个新的 IIS 网站，以便使用它来部署新网站。 该网站仍然是空的。 如果我尝试在“管理工具”下打开 IIS Web 平台安装程序，则会遇到错
是否有使用 HTML 5 文档类型的专家 ，即使我没有使用任何新的 HTML 5 标签？即使我没有使用任何新的 HTML 5 标签，用 HTML 5 文档类型替换 XHTML 文档类型有什么好处吗？
假设我想将旧网站更改为“HTML5”风格。简单地更改标题是否安全 doctype如下？ 原始文档类型可能是: 或 如果改为不可能破坏遗留网页的呈现方式，我认为它是安全的。 最佳答案 为什么是的，
通过在 windows 命令提示符下运行以下命令创建了一个全新的 express.js 项目 npm install express -g express newproject cd newproje
我懂了 DOCTYPE is disallowed when the feature "http://apache.org/xml/features/disallow-doctype-decl" se
这个问题在这里已经有了答案: background-color property doesn't work correctly with HTML5 DOCTYPE [duplicate] (1
我在没有使用 Doctype 的情况下构建了我的页面，但是没有它我可以获得我期望的结果。 即使用户尝试调整窗口大小时，我也尝试每行列出 4 张图像并填充页面。 问题是我最近添加了 Doctype，这里
我注意到我的一个 html 表单存在问题，文本输入字段被截断了。我将其原因缩小到我们在页面顶部使用的 指令。 当我排除 指令时，下面场景中的输入正确呈现，这意味着文本输入字段被完整绘制。但是当我按
我知道很多人在切换到 时遇到类似的问题行，然而，我已经尝试了所有的方法，甚至是经典的 html{height: 100%;} body {min-height: 100%;} 方法，以及其他方法，但
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: How to replace with in an html file 我在我的
我是一名优秀的程序员,十分优秀！