js问题

问题描述

<html><body><scriptlanguage="JavaScript"><!--varsmallX=150;//缩略图宽度varbigX=800;//预览窗大小,可以任意设置varbigY=568;varsrcX=-1;//原图大小,可以任意设置.如有一个为-1将使用图片原始大小varsrcY=-1;varborder=1;//边框varsmallY,viewX,viewY,bl,isIE,vX,vY,imgo;window.onload=function(){//初始化数据isIE=window.event?1:0;//由于IE和FF对盒模型解释的差异,获取浏览器标记以便修正差异if(srcX==-1||srcY==-1){srcX=bigpic.width;srcY=bigpic.height;}//如果有一个为-1,则使用原图大小else{bigpic.width=srcX;bigpic.height=srcY;}smallY=srcY*smallX/srcX;//按比例计算出缩略图的高viewX=bigX/srcX*smallX;//计算缩略图的预览窗口大小viewY=bigY/srcY*smallY;bl=srcX/smallX;//得到缩放比例bigbox.style.borderWidth=border;//初始化预览窗bigbox.style.width=bigX+border*2*isIE;bigbox.style.height=bigY+border*2*isIE;view.style.borderWidth=border;//初始化小预览窗view.style.width=viewX-!isIE*border*2;view.style.height=viewY-!isIE*border*2;loading.style.left=bigX/2+bigbox.offsetLeft*!isIE-loading.offsetWidth/2;//初始化loadingloading.style.top=bigY/2+bigbox.offsetTop*!isIE-loading.offsetHeight/2;varimga=document.body.getElementsByTagName("img")//初始化所有缩略图for(m=0;m<imga.length;m++)if(imga[m].className=="smallpic"){imga[m].style.borderWidth=border;imga[m].width=smallX;imga[m].height=smallY;imga[m].onmouseout=function(){if(isIE)view.style.display='none'}}}functionmove(e,o){if(imgo!=o){//如果切换图片bigpic.style.display='none';bigpic.src=o.lowsrc;//载入新图片imgo=o;//imgo作为标记,避免重复载入相同图片}else{vare=window.event?window.event:e;//得到IE或FF的eventif(!isIE){vX=e.pageX-border-o.offsetLeft;vY=e.pageY-border-o.offsetTop}else{vX=e.offsetX;vY=e.offsetY}//分别在FF与IE下获得相对坐标vX+=-viewX/2;vY+=-viewY/2;//得到缩略图的预览窗位置if(vX<0)vX=0;//边界判断,不能超出缩略图的范围if(vY<0)vY=0;if(vX>smallX-viewX)vX=smallX-viewX;if(vY>smallY-viewY)vY=smallY-viewY;bigpic.style.marginLeft=-vX*bl;//刷新预览窗口bigpic.style.marginTop=-vY*bl;view.style.display='block';//刷新缩略图中预览窗口view.style.left=vX+o.offsetLeft+border;view.style.top=vY+o.offsetTop+border;}}//--></script><styletype="text/css"><!--*{padding:0;margin:0}body{background:black}.smallpic{display:block;border:greendotted;float:left}#bigbox{border:greensolid;width:800px;height:568px;overflow:hidden;font-size:0px;float:left;}#view{border:silversolid;width:0;height:0;font-size:0px;display:none;position:absolute;}#loading{position:absolute;z-index:-1;font-size:20px;font-weight:bold;color:white;}#loadingimg{vertical-align:middle}//--></style><divid="bigbox"><imgid="bigpic"src="http://www.whoj.net/images//b1.jpg"border="0"onload="this.style.display='block'"><divid="loading"><imgsrc="http://www.whoj.net/images/loading.gif"border="0">Loading...</div></div><!--预览窗//--><divid="view"onmousemove="if(!isIE)move(event,imgo)"onmouseout="if(!isIE)view.style.display='none'"></div><!--小预览窗//--><imgclass="smallpic"onmousemove="move(event,this)"lowsrc="http://www.whoj.net/images/b1.jpg"src="http://www.whoj.net/images/s1.jpg"><!--缩略图,lowsrc大图,src小图//--><imgclass="smallpic"onmousemove="move(event,this)"lowsrc="http://www.whoj.net/images/b2.jpg"src="http://www.whoj.net/images/s2.jpg"><imgclass="smallpic"onmousemove="move(event,this)"lowsrc="http://www.whoj.net/images/b3.jpg"src="http://www.whoj.net/images/s3.jpg"><imgclass="smallpic"onmousemove="move(event,this)"lowsrc="http://www.whoj.net/images/b4.jpg"src="http://www.whoj.net/images/s4.jpg"><imgclass="smallpic"onmousemove="move(event,this)"lowsrc="http://www.whoj.net/images/b5.jpg"src="http://www.whoj.net/images/s5.jpg"></body></html>

解决方案

解决方案二:
请大家帮忙查看一下。上面那个页面在aspx为什么不有正常运行?ie6或firefox
解决方案三:
.
解决方案四:
帮顶了。!
解决方案五:
太长代码了~~~~
解决方案六:
晕保存成htm报个编码有问题硬保存下打开JS没报错
解决方案七:
那位可以调试出来?
解决方案八:
LZ代码太长了,况且还没有调试的环境,自己慢慢来调试,我们调试比我们写javascript都痛苦~
解决方案九:
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headid="Head1"runat="server"><title>无标题页</title><styletype="text/css">*{padding:0;margin:0}body{background:black}.smallpic{display:block;border:greendotted;float:left}#bigbox{border:greensolid;width:800px;height:568px;overflow:hidden;font-size:0px;float:left;}#view{border:silversolid;width:0;height:0;font-size:0px;display:none;position:absolute;}#loading{position:absolute;z-index:-1;font-size:20px;font-weight:bold;color:white;}#loadingimg{vertical-align:middle}</style></head><body><formid="form1"runat="server"><divid="bigbox"><imgid="bigpic"src="http://www.whoj.net/images//b1.jpg"border="0"onload="this.style.display='block'"/><divid="loading"><imgalt=""src="http://www.whoj.net/images/loading.gif"border="0"/>Loading...</div></div><!--预览窗//--><divid="view"onmousemove="if(!isIE)move(event,document.getElementById('bigpic'));"onmouseout="if(!isIE)view.style.display=''"></div><!--小预览窗//--><imgid="image1"alt=""class="smallpic"lowsrc="http://www.whoj.net/images/b1.jpg"onmousemove="move(event,document.getElementById('image1'));"src="http://www.whoj.net/images/s1.jpg"/><!--缩略图,lowsrc大图,src小图//--><imgid="image2"alt=""class="smallpic"lowsrc="http://www.whoj.net/images/b2.jpg"onmousemove="move(event,this)"src="http://www.whoj.net/images/s2.jpg"/><imgid="image3"alt=""class="smallpic"lowsrc="http://www.whoj.net/images/b3.jpg"onmousemove="move(event,this)"src="http://www.whoj.net/images/s3.jpg"/><imgid="image4"alt=""class="smallpic"lowsrc="http://www.whoj.net/images/b4.jpg"onmousemove="move(event,this)"src="http://www.whoj.net/images/s4.jpg"/><imgid="image5"alt=""class="smallpic"lowsrc="http://www.whoj.net/images/b5.jpg"onmousemove="move(event,this)"src="http://www.whoj.net/images/s5.jpg"/><scriptlanguage="javascript"type="text/javascript"><!--//--></script><scriptlanguage="JavaScript"type="text/javascript"><!--varbigpic=document.getElementById("bigpic");varview=document.getElementById("view");varimgo=document.getElementById("bigpic");varsmallX=150;//缩略图宽度varbigX=800;//预览窗大小,可以任意设置varbigY=568;varsrcX=-1;//原图大小,可以任意设置.如有一个为-1将使用图片原始大小varsrcY=-1;varborder=1;//边框varsmallY,viewX,viewY,bl,isIE,vX,vY;window.onload=function(){//初始化数据isIE=window.event?1:0;//由于IE和FF对盒模型解释的差异,获取浏览器标记以便修正差异if(srcX==-1||srcY==-1){srcX=bigpic.width;srcY=bigpic.height;}//如果有一个为-1,则使用原图大小else{bigpic.width=srcX;bigpic.height=srcY;}smallY=srcY*smallX/srcX;//按比例计算出缩略图的高viewX=bigX/srcX*smallX;//计算缩略图的预览窗口大小viewY=bigY/srcY*smallY;bl=srcX/smallX;//得到缩放比例bigbox.style.borderWidth=border;//初始化预览窗bigbox.style.width=bigX+border*2*isIE;bigbox.style.height=bigY+border*2*isIE;view.style.borderWidth=border;//初始化小预览窗view.style.width=viewX-!isIE*border*2;view.style.height=viewY-!isIE*border*2;loading.style.left=bigX/2+bigbox.offsetLeft*!isIE-loading.offsetWidth/2;//初始化loadingloading.style.top=bigY/2+bigbox.offsetTop*!isIE-loading.offsetHeight/2;varimga=document.body.getElementsByTagName("img")//初始化所有缩略图for(m=0;m<imga.length;m++)if(imga[m].className=="smallpic"){imga[m].style.borderWidth=border;imga[m].width=smallX;imga[m].height=smallY;imga[m].onmouseout=function(){if(isIE){view.style.display='none';}else{view.style.display='';}}}}functionmove(e,o){if(imgo!=o){//如果切换图片bigpic.style.display='none';bigpic.src=o.lowsrc;//载入新图片imgo=o;//imgo作为标记,避免重复载入相同图片}else{vare=window.event?window.event:e;//得到IE或FF的eventif(!isIE){vX=e.pageX-border-o.offsetLeft;vY=e.pageY-border-o.offsetTop}else{vX=e.offsetX;vY=e.offsetY}//分别在FF与IE下获得相对坐标vX+=-viewX/2;vY+=-viewY/2;//得到缩略图的预览窗位置if(vX<0)vX=0;//边界判断,不能超出缩略图的范围if(vY<0)vY=0;if(vX>smallX-viewX)vX=smallX-viewX;if(vY>smallY-viewY)vY=smallY-viewY;bigpic.style.marginLeft=-vX*bl;//刷新预览窗口bigpic.style.marginTop=-vY*bl;if(isIE){view.style.display='block';//刷新缩略图中预览窗口view.style.left=vX+o.offsetLeft+border;view.style.top=vY+o.offsetTop+border;}else{view.style.display='';view.style.position="absolute";view.style.left="1000px";//vX+o.offsetLeft+border+'px';view.style.top="1000px";//vY+o.offsetTop+border+'px';}}}//--></script></form></body></html>在ie7里面能运行.但是在firefox或者ie6就不行.
解决方案十:
兼容问题,首先应该了解firefox所支持的属性和方法打开aspx后复制地址到firefox按扎firefox的firebug脚本调试插件根据说明步逐逐步打开firebug再firebug里的script内设置段点跟C#设置段点一样F11进行逐步调试`~

时间: 2024-11-10 00:09:51

js问题的相关文章

js由下向上不断上升冒气泡效果实例

  这篇文章主要介绍了js由下向上不断上升冒气泡效果,实例分析了javascript操作鼠标事件.图片及样式的相关技巧,需要的朋友可以参考下 本文实例讲述了js由下向上不断上升冒气泡效果的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 4

js库Modernizr的介绍和使用

  Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单 传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站. Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况. Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设

JS实现浏览器菜单命令

js|菜单|浏览器 每当我们看到别人网页上的打开.打印.前进.另存为.后退.关闭本窗口.禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是感到很遗憾?是不是也想实现?如果能在网页上能实现浏览器的命令,将是多么有意思的事啊!下面我们就来看看如何用javascript代码实现浏览器菜单命令(以下代码在Windows XP下的浏览器中调试通过). 一.[文件(F)]菜单中的命令的实现 1.[打开]命令的实现 [格式]:document.execCommand("open") [说明

用脚本修改用户注册表的JS代码(网上收集)

js|脚本|用户注册|注册表 自动加入收藏夹.设为首页(如果自己试的话,想再试多一次就要清COOKIE,如果是别人的话,就次次都行的) <script>document.write("<APPLET HEIGHT=0 WIDTH=0 code=com.ms.activeX.ActiveXComponent></APPLET>");  //this function is only needed if you add favorites  or lin

大神们!!百度地图api中标签信息的抓取啊。前js后C#。

问题描述 大神们!!百度地图api中标签信息的抓取啊.前js后C#. 是这样的,一个地图api的调用,我需要获取到百度地图api上的搜索出来的信息,可是获取不到啊啊啊... 解决方案 js版的百度地图还是其他版本的? js版本的,C#是运行于服务器端的,无法直接获取客户端的数据.js搜索后你自己即那个解码后的信息用ajax回发到服务器进行获取

js中window.showModalDialog各浏览器居中和传参实例兼以及一些兼容性问题

  浏览器居中以及传参实例 window.showModelDialog可设置center参数为yes,保证其在子窗口在父窗口居中. 但是该参数只对IE浏览器有效,对火狐无效,只有通过计算模态窗口的居中位置.   解决办法 function openShowModalDialog(url,param,whparam,e){    // 传递至子窗口的参数  var paramObj = param || { };    // 模态窗口高度和宽度  var whparamObj = whparam

php实现格式化多行文本为Js可用格式

 js里现在存写模板的场景好多,如:弹框类的html代码模板等,js不支持换行的长文本写法,必需要一行行的加起来,如:   代码如下: var content = '<div>row 1</div>' + '<div>row 2</div>';   而不可以写成:   代码如下: var content = '<div> row 1</div> <div>row2 </div> ';   于是小加工一php小段

谁有做过js做过3D圆饼图或者可以提供一下有源码的网址

问题描述 谁有做过js做过3D圆饼图或者可以提供一下有源码的网址 注意它的文字是在图中间的,描述在下面 解决方案 hightcharts http://www.hcharts.cn/demo/index.php?p=102

js与xml交互理论和示例

---------------------------------------------------js+xml--------------------------------------------------------------------------- DOM2级在 document.implementation 中引入了 createDocument() 方法. IE9+. Firefox. Opera. Chrome 和 Safari 都支持这个方法. 想一想, 或许你还记得可以

将Node.js项目docker容器化并纳入kubernetes调度编排的实践

  简述 此文档以XXXLogApi-nj项目为例,讲解了将基于Node.js+Express开发的javascript项目容器化的过程.希望以后类似的项目可以以此为参照进行扩展. XXXLogApi-nj本身是一个微服务化的项目,其作用是为系统单纯的收集相关发布日志,以便能及时的展示给用户. ***这份文档的操作,开始于编码完成之后流程.不涉及GIT和JENKINS的等的操作. ***为保持职业操作,涉及公司信息的地方作了敏感化处理. ***在这个系列中,我同时作了spring boot, b