欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

ie6上jquery(js)改变img的src属性图片显示不变的有关问题

更新时间: 2014-01-05 01:57:17 责任编辑: Author_N1

 

IE6下jQuery(js)改变img的src属性图片显示不变的问题
JS代码如下:

$("#left_menu li").hover(function(){
$(this).find("a").css("cursor","pointer");
var currentSrc = $(this).find("img").attr("src");
if(currentSrc.indexOf("-on.")==-1){
var afterSrc = currentSrc.replace(".", "-on.");
$(this).find("img").attr("src" ,afterSrc);
}
},function(){
var currentSrc = $(this).find("img").attr("src");
if(currentSrc.indexOf("-on.")!=-1){
if(!$(this).hasClass("active")){
var afterSrc = currentSrc.replace("-on.", ".");
$(this).find("img").attr("src" ,afterSrc);
}
}
});

DOM结构如下:

<ul id="left_menu">
<li cls="/platform/index/index/" class="">
<a title="" href="/platform/index/index/" class="store_left_home" style="cursor: pointer;">
<span style="color:#ffffff" class="store_left_number fr">新+</span>
<img class="fl" src="/platform/images/store-shouye.png">
<span class="fl">商店首页</span>
</a>
</li>
<li cls="/platform/list/index/" class="">
<a title="" href="/platform/list/index/" class="store_left_gupiaochi" style="cursor: pointer;">
<img class="fl" src="/platform/images/store-gupiaochi.png">
<span class="fl">股票池</span>
</a>
</li>
  <li cls="/platform/app/index/" class="">
<a title="" href="/platform/app/index/" class="store_left_yingyong" style="cursor: pointer;">
<img class="fl" src="/platform/images/store-yingyong.png">
<span class="fl">应用</span>
</a>
</li>
      <li cls="/platform/record/index/" class="active">
  <a title="" href="/platform/record/index/" class="store_left_goumai" style="cursor: pointer;">
  <img class="fl" src="/platform/images/store-goumai-on.png">
  <span class="fl">购买记录</span>
  </a>
  </li>
</ul>


测试chrome,Firefox,IE7,IE8都是好的,可是IE6怎么都不行!求高人指导
--参考方法--
更改之后看地址是不是变了 代码就不看了 看不懂呀 地址没变说明脚本没有让他改变
--参考方法--

 浏览器缓存的问题  好像之前碰到这样类似的问题的
然后给图片加个参数就可以了
如: /platform/images/store-goumai-on.png?t=Math.random();
这样避免浏览器缓存不加载问题

--参考方法--



    $("#imgid").mouseover(function(){
        document.getElementById('imgid').src="img/large.png";
        return false;
    });
    
    $("#imgid").mouseout(function(){
        document.getElementById('imgid').src="img/little.png";
        return false;
    });


可行
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:57:17
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3615/
本文WWW.DOC100.NET DOC100.NET版权所有。