Javascript菜单未加载图片 [英] Javascript Menu not loading images

查看：68 发布时间：2019/6/6 20:42:47 javascript

本文介绍了Javascript菜单未加载图片的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

大家好，

我为我的网站创建了一个使用框架的Javascript菜单。第一个

阶段加载正常，但我想要两个向下钻取菜单（关于我菜单和

项目菜单）。页面加载正常，但图像没有显示，

而是显示替代文字。图片出现后你鼠标悬停

他们但不是之前......任何人都可以发现我的代码中的任何错误，这可能是/ b $ b这样做请。有关信息，每个按钮有4个图像，无论按钮是否已被使用，都需要

进行计算，并为每个状态提供鼠标悬停图像

。我还删除了第3-5项的代码，因为它们是商业敏感的b $ b。

在此先感谢，

John

代码关注：

-----------------

< html>

< head>

< title>欢迎来到John的主页< / title>

< html>

< head>

< meta http-equiv =" content-type" content =" text / html; charset = iso-8859-1">

< title>欢迎来到John的网站< / title>

< SCRIPT语言= javascript类型= text / javascript>

<！ - 隐藏我

if（top.location！= self.location）{top.location = self.location}

if（document.images）

{

up = new Array（Up.gif，UpF.gif，UpP.gif，UpFP.gif）;

aboutMe = new Array（About Me.gif，About MeF.gif，About MeP.gif，About

MeFP.gif）;

myCv = new Array（我的CV.gif，我的CVF.gif，我的CVP.gif，我的CVFP.gif）;

javaScript = new

Array（Javascript.gif，JavascriptF.gif，Javascri ptP.gif，JavascriptFP.gif

）;

photos = new

Array（" Photos.gif"，&quo t; PhotosF.gif"，" PhotosP.gif"，" UP hotosFP.gif"）;

projects = new

Array（" Projects.gif" ，ProjectsF.gif，ProjectsP.gi f，ProjectsFP.gif）;

wallPapers = new

数组（" Wallpaper.gif" ;，WallpaperF.gif，WallpaperP .gif，WallpaperFP.gif）;

var up_1 = 0

var up_2 = 0

var about_me = 0

var my_cv = 0

var java_script = 0

var photos_1 = 0

var projects_1 = 0

var wall_papers = 0

}

else

{

up ="" ;;

document.up ="" ;;

aboutMe ="" ;;

document.aboutme ="" ;;

myCV ="" ;;

document.myCV ="";

javaScript ="" ;;

document.javaScript ="" ;;

photos ="" ;;

document.photos ="" ;;

projects ="" ;;

document.projects ="" ;

wallPapers ="" ;;

document.wallPapers ="" ;;

}

函数evalRollon（item）

{

if（item == 98）

if （up_1 == 0）

{Left.up.src = up [1]}

else

{Left。 up.src = up [3]}

}

if（item == 99）

if （up_2 == 0）

{Left.up.src = up [1]}

else

{Left。 up.src = up [3]}

}

if（item == 1）

{

if（about_me == 0）

{Left.about.src = aboutMe [1]}

else

{Left.about.src = aboutMe [3]}

}

if（item == 2）

if（my_cv == 0）

{Left.cv.src = myCv [1]}

else

{Left.cv.src = myCv [3]}

}

if （item == 6）

if（java_script == 0）

{Left.java.src = javaScript [1]}

其他

{Left.java.src = javaScript [3]}

}

如果（item == 7）

if（photos_1 == 0）

{Left.photos.src = photos [1]}

其他

{Left.photos.src =照片[3]}

}

如果（item == 8）

if（projects_1 == 0）

{Left.projects.src = projects [1]}

其他

{Left.projects.src = projects [3]}

}

如果（item == 9）

if（wall_papers == 0）

{Left.wallpapers.src = wallPapers [1]}

其他

{Left.wallpapers.src = wallPapers [3]}

}

}

function evalImage（item）

{

if（item == 98）

if （up_1 == 0）

{Left.up.src = up [0]}

else

{Left。 up.src = up [2]}

}

if（item == 99）

if（up_2 == 0）

{Left.up.src = up [0]}

其他

{Left.up.src = up [2]}

}

if（item == 1）

{

if（about_me == 0）

{Left。 about.src = aboutMe [0]}

else

{Left.about.src = aboutMe [2]}

}

if（item == 2）

if（my_cv == 0）

{Left。 cv.src = myCv [0]}

else

{Left.cv.src = myCv [2]}

}

if（item == 6）

if（java_script == 0）

{Left.java.src = javaScript [0]}

else

{Left.java.src = javaScript [2]}

}

if（item == 7）

if（photos_1 == 0）

{Left.photos.src =照片[0]}

其他

{Left.photos.src =照片[2]}

}

if（item == 8）

if（projects_1 == 0）

{Left.projects.src = PR ojects [0]}

else

{Left.projects.src = projects [2]}

}

if（item == 9）

if（wall_papers == 0）

{Left.wallpapers.src = wallPapers [0]}

else

{Left.wallpapers.src = wallPapers [2]}

}

}

函数uponecount（）

{++ up_1}

函数uptwocount（）

{++ up_2}

函数amcount（）

{++ about_me}

函数cvcount（）

{++ my_cv}

函数javacount（）

{++ java_script}

功能photocount（）

{++ photos_1}

function projectcount（）

{++ projects_1}

函数wallcount（）

{++ wall_paper}

函数mainMenu（）

{

parent.Left.document.close（）

parent.Left.document.open（）

parent.Left.document.writeln（''< html>< head

onLoad =" top.evalImage（1）"，" top.evalImage（8）">''）

parent .Left.document.writeln（"< TITLE>欢迎来到Johns Internet Page -

目录菜单< / TITLE>"）

parent.Left.document。 writeln（''< / head>< body bgcolour =" white">''）

parent.Left.document.writeln（''< A target =左''）

parent.Left.document.writeln（''onclick =" top.aboutme menu（）; top.amcount（）"''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（1）"''）

parent.Left.document.writeln（''onmouseover =" top .eva lRollon（1）">''）

parent.Left.document.writeln（''< img src =" About Me.gif" alt ="关于我>

width = 250 height = 50 border = 0 name =" about">< / A>''）

parent。 Left.document.writeln（''< A href =" top.projects（）"

target = Left''）

parent.Left.document.writeln（''onclick =" top.project smenu（）; top.projectcount（）

"''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（8）"''）

parent.Left.document.writeln（''onmouseover = " top.eva lRollon（8）">''）

parent.Left.document.writeln（''< img src =" Projects.gif" alt =" Projects" ;

width = 250 height = 50 border = 0 name =" projects">< / A>''）

parent.Left.document.writeln（ ''''）

parent.Left.document.writeln（"< / body>< / html>"）

}

函数aboutmemenu（）

{

parent .Left.document.close（）

parent.Left.document.open（）

parent.Left.document.writeln（''< html>< head

onLoad =" top.evalImage（98）"，" top.evalImage（2）"，" top .evalImage（4）""''） >
parent.Left.document.writeln（"< TITLE>欢迎来到Johns Internet Page - 关于

我菜单< / TITLE>"）

parent.Left.document.writeln（''< / head>< body bgcolour =" white">''）

parent.Left.document.writeln（''< A target = Left''）

parent.Left.document.writeln（''onclick =" top.mainMen u（）; top.uponecount（）"''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（98）"''）

parent.Left.document.writeln（ ''onmouseover =" top.eva lRollon（98）"''）
parent.Left.document.writeln（''onLoad =" top.evalImag e（98）" return =" false">''）

parent.Left.document.writeln（''< img src = top.evalImage（98）alt =" Up" width = 250

height = 50 border = 0 name =" up">< / A>''）

parent.Left.document.writeln（''< A href =" mycv.html" target = Right''）

parent.Left.document.writeln（''onclick =" top.cvcount（） "''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（2）"''）

parent.Left .document.writeln（''onmouseover =" top.eva lRollon（2）"''）

parent.Left.document.writeln（''onLoad = top.evalImage（2）return =" false">''）

parent.Left.document.writeln（''< img src =" top.evalImage（2）" alt =" My CV"

width = 250 height = 50 border = 0 name =" cv">< / A>''）

parent.Left.document .writeln（''''）

parent.L eft.document.writeln（"< / body>< / html>"）

}

up = new Array（" Up.gif"， UpF.gif，UpP.gif，UpFP.gif）;

aboutMe = new Array（" About Me.gif"，" About MeF.gif" ，关于MeP.gif，关于

MeFP.gif）;

myCv = new Array（" My CV.gif"，" My CVF.gif"，" My CVP.gif"，My CVFP.gif）;

javaScript = new

数组（Javascript.gif， JavascriptF.gif，Javascri ptP.gif，JavascriptFP.gif

）;

photos = new

Array（Photos.gif，PhotosF.gif，PhotosP.gif，UP hotosFP.gif）;

projects = new

数组（Projects.gif，ProjectsF.gif，ProjectsP.gi f，ProjectsFP.gif）;

wallPapers = new

数组（Wallpaper.gif，Wallp aperF.gif"，WallpaperP .gif，WallpaperFP.gif）;

function projectsmenu（）

{

parent.Left.document.close（）

parent.Left.document.open（）

parent.Left.document.writeln（"< html> ;< head>"）

parent.Left.document.writeln（"< TITLE>欢迎来到Johns Internet Page - 关于

我菜单< / TITLE> ;"）

parent.Left.document.writeln（''< / head>< body bgcolour =" white">''）

parent .Left.document.writeln（''< A target = Left''）

parent.Left.document.writeln（''onclick =" top.mainMen u（） ; top.uptwocount（）"''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（99）"''）

parent.Left.document.writeln（''onmouseover =" top.eva lRollon（99）"''）

parent.Left.document.writeln（''onLoad =" ; top.evalImag e（99）" return =" false">''）

parent.Left.document.writeln（''< img src =" top.evalImage（99）" alt =" Up"

width = 250 height = 50 border = 0 name =" up">< / A>''）

parent.Left.document.writeln（' '< A href =" javascript.html"

target = Right''）

parent.Left.document.writeln （''onclick =" top.javacou nt（）"''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（6）"' '）

parent.Left.document.writeln（''onmouseover =" top.eva lRollon（6）"''）

parent.Left.document。 writeln（''onLoad =" top.evalImag e（6）" return =" false">''）

parent.Left.document.writeln（''< img src =" top.evalImage（6）" alt =" Java"

width = 250 height = 50 border = 0 name =" java">< / A>''）

parent.Left.document.writeln（''& lt; / P>< A href =" Photos.html" target = Right''）

parent.Left.document.writeln（''onclick =" top。 photoco unt（）"''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（7）"''）

parent.Left.document.writeln（''onmouseover =" top.eva lRollon（7）"''）

parent.Left.document.writeln（''onLoad =" top .evalImag e（7） return =" false">''）

parent.Left.document.writeln（''< img src =" top.evalImage（7）" alt =" Java"

width = 250 height = 50 border = 0 name =" photos">< / A>''）

parent.Left.document.writeln（' '< A href =" wallpapers.html"

target = Right''）

parent.Left.document.writeln （''onclick =" top.wallcou nt（）"''）

parent.Left.document.writeln（''onmouseout =" top.eval Image（9）"' '）

parent.Left.document.writeln（''onmouseover =" top.eva lRollon（9）"''）

parent.Left.document。 writeln（''onLoad =" top.evalImag e（9）" return =" false">''）

parent.Left.document.writeln（''< img src =" top.evalImage（9）" alt ="壁纸"

width = 250 height = 50 border = 0 name =" wallpapers">< / A>''）

parent.Left.documen t.writeln（''''）

parent.Left.document.writeln（"< / body>< / html>"）

}

//停止隐藏我。 - >

< / SCRIPT>

< / head>

< frameset rows = QUOT; 80，* QUOT; framespacing = QUOT; 0"边界=" 0" frameborder =" NO">

< frame src =" Top.html"名称= QUOT;陀螺" noresize>

< frameset cols =" 250，*" framespacing = QUOT; 0"边界=" 0" frameborder =" NO"

onload =" mainMenu（）">

< frame name =" left" noresize>

< frame src =" Right.html"名称= QUOT;右" noresize>

< / frameset>

< / frameset>

< noframes>

< body>

< / body>

< / noframes>

< / html>

解决方案

好的，我已经看过发生了什么，我想我有缩小了

的问题。主要的frames.html使用菜单

创建左侧框架。第一个菜单加载正确，因为页面正在从

刮擦，但第二页没有。我无法在页面上发现差异

代码（以下复制信息）所以我只能假设某种刷新需要

。

如果有人能告诉我我是否在合适的位置，我会非常感激，

谢谢，

John

Html关注：

----------------

以下代码有效：

< html>< head onLoad =" top.evalImage（1）"，" top.evalImage （8）">

< TITLE>欢迎来到John Ortts网页 - 目录菜单< / TITLE>

< / head>< body bgcolour = white>

< A target = Left

onclick =" top.aboutmemenu（）; top.amcount（）"

onmouseout =" top.evalImage（1）"

onmouseover =" top.evalRollon（1）">

< ; img src ="关于Me.gif" alt ="关于我 width = 250 height = 50 border = 0

name =" about">< / A>

< A HREF =" top.projects（）" target = Left

onclick =" top.projectsmenu（）; top.projectcount（）"

onmouseout =" top.evalImage（8）"

onmouseover =" top.evalRollon（8）">

< img src =" Projects.gif" ALT ="项目与QUOT; width = 250 height = 50 border = 0

name =" projects">< / A>



< / body>< / html>

这段代码没有基本相同：

< html>< head

onLoad =" top.evalImage（98）"，" top.evalImage（2）"，" top .evalImage（4）"

< TITLE>欢迎来到John Ortts网页 - 关于我菜单< / TITLE>

< / head>< body bgcolour =" white">

< A target = Left

onclick =" top.mainMenu（）; top.uponecount（）"

onmouseout =" top .evalImage（98）"

onmouseover =" top.evalRollon（98）"

onLoad =" top.evalImage（98）" return =" false">

< img src = top.evalImage（98）alt =" Up" width = 250 height = 50 border = 0

name =" up">< / A>

< A HREF =" mycv.html" target = Right

onclick =" top.cvcount（）"

onmouseout =" top.evalImage（2）"

onmouseover =" top.evalRollon（2）"

onLoad = top.evalImage（2）return =" false">

< img src =" ; top.evalImage（2）" alt ="我的简历 width = 250 height = 50 border = 0

name =" cv">< / A>



< / body>< / html>

周五，2004年7月16日10:35:56 +0100，John Ortt写道：

代码跟随：

您确实意识到单个URL会有

比你发的帖子更有效，超过400行

？

-

Andrew Thompson
http://www.PhySci.org/ 开源软件套件
http://www.PhySci.org/codes/ Web& IT帮助
http://www.1point1C.org/ Science&技术

当该网址在内联网上时，不是
（我在公司外没有网站空间）。

" Andrew Thompson" <硒******** @ www.invalid>在消息中写道

news：32 **************************** @ 40tude.net ... < blockquote class =post_quotes> On Fri，2004年7月16日10:35:56 +0100，John Ortt写道：

代码跟随：

-
Andrew Thompson
http://www.PhySci.org/ 开源软件套件
http://www.PhySci.org/codes/ Web& ; IT帮助
http://www.1point1C.org/ Science&技术

Hi Everyone,

I have created a Javascript menu for my site which uses frames. The first
stage loads fine but I want two drill down menus ("About Me Menu" and
"Projects Menu"). The pages load fine, but the images aren''t displayed,
instead the alt text is shown. The images come up after you "Mouse Over"
them but not before......can anybody spot any errors in my code which could
be doing this please. For info, I have 4 images for each button, to take
into acount whether the button had been used and to give a mouse-over image
for each state. I have also deleted the code for items 3-5 as they are
commercially sensitive.

Thanks in Advance,

John

Code Follows:
-----------------

<html>

<head>
<title>Welcome to John''s Homepage</title>
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Welcome to John''s Internet Site</title>

<SCRIPT language=javascript type=text/javascript>

</SCRIPT>

</head>

<frameset rows="80,*" framespacing="0" border="0" frameborder="NO">
<frame src="Top.html" name="Top" noresize>
<frameset cols="250,*" framespacing="0" border="0" frameborder="NO"
onload="mainMenu()">
<frame name="Left" noresize>
<frame src="Right.html" name="Right" noresize>
</frameset>
</frameset>

<noframes>

<body>

</body>

</noframes>
</html>

解决方案

Ok, I''ve looked at what''s happening and I think I have narrowed down the
problem. The main "frames.html" creates the left-hand frame with the menu
on it. The first menu loads correctly because the page is being loades from
scratch, but the second page doesn''t. I can''t spot a difference in the page
code (copied below for info) so I can only assume some sort of refresh is
needed.

If anybody could tell me if I''m on the right lines I''d really appreciate it,

Thanks,

John

Html Follows:
----------------

The following code works:

<html><head onLoad="top.evalImage(1)","top.evalImage(8)">
<TITLE>Welcome to John Ortts Internet Page - Contents Menu</TITLE>
</head><body bgcolour="white">
<A target=Left
onclick="top.aboutmemenu();top.amcount()"
onmouseout="top.evalImage(1)"
onmouseover="top.evalRollon(1)">
<img src="About Me.gif" alt="About Me" width=250 height=50 border=0
name="about"></A>
<A href="top.projects()" target=Left
onclick="top.projectsmenu();top.projectcount()"
onmouseout="top.evalImage(8)"
onmouseover="top.evalRollon(8)">
<img src="Projects.gif" alt="Projects" width=250 height=50 border=0
name="projects"></A>

</body></html>
This code doesn''t buit is essentially the same:

<html><head
onLoad="top.evalImage(98)","top.evalImage(2)","top .evalImage(4)">
<TITLE>Welcome to John Ortts Internet Page - About Me Menu</TITLE>
</head><body bgcolour="white">
<A target=Left
onclick="top.mainMenu();top.uponecount()"
onmouseout="top.evalImage(98)"
onmouseover="top.evalRollon(98)"
onLoad="top.evalImage(98)" return="false">
<img src=top.evalImage(98) alt="Up" width=250 height=50 border=0
name="up"></A>
<A href="mycv.html" target=Right
onclick="top.cvcount()"
onmouseout="top.evalImage(2)"
onmouseover="top.evalRollon(2)"
onLoad=top.evalImage(2) return="false">
<img src="top.evalImage(2)" alt="My CV" width=250 height=50 border=0
name="cv"></A>

</body></html>

On Fri, 16 Jul 2004 10:35:56 +0100, John Ortt wrote:

Code Follows:

You do realize that a single URL would have
been more effective and over 400 lines
shorter than the post you made?

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

Not when that url is on an Intranet,

(and I don''t have webspace outside the company).

"Andrew Thompson" <Se********@www.invalid> wrote in message
news:32****************************@40tude.net...
On Fri, 16 Jul 2004 10:35:56 +0100, John Ortt wrote:
Code Follows:

You do realize that a single URL would have
been more effective and over 400 lines
shorter than the post you made?

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

这篇关于Javascript菜单未加载图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

Javascript菜单未加载图片 [英] Javascript Menu not loading images

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录关闭

Javascript菜单未加载图片 [英] Javascript Menu not loading images

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭