兼容ie7的轮播图源代码（web轮播图代码）

今天给各位分享兼容ie7的轮播图源代码的知识，其中也会对web轮播图代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、js代码IE、火狐不兼容，图片轮换功能不能实现
• 2、javascript图片向左循环滚动的方法（支持ie6\ie7\ie8\ff\360浏览器的 ）
• 3、跪求苏宁易购装修可用的全屏轮播代码

js代码IE、火狐不兼容，图片轮换功能不能实现

尊敬的用户，您好！很高兴为您答疑。

您代码兼容性问题主要出在obj对象几个属性的使用上面。

第一、obj.filters.revealTrans中，这个filters滤镜属性是IE浏览器所特有的，别的内容浏览器都不具备，且其本身未被w3c标准收录，自然此处会报代码异常。就是说非IE浏览器到了这里就执行不下去了。

第二、您的代码中使用了apply()、play()等方法，但是并未看到您的明确定义，因此无法确定这些方法的代码也存在兼容问题。

希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

javascript图片向左循环滚动的方法（支持ie6\ie7\ie8\ff\360浏览器的 ）

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

style

.abc{

float:left;

width:100px;

height:20px;

background:#00FF00;

border:1px solid #FF0000;

}

/style

script

var scr;

var dir=0;

var div1;

var div2;

var div3;

var div4;

//向左移动

function scrollleft(){

if(div1.scrollLeft=div2.scrollWidth){

div1.scrollLeft=0;

scrollleft();

}else{

div1.scrollLeft+=10;

}

}

//停止

function scrollstop(){

clearInterval(scr);

}

//向右移动

function scrollright(){

if(div1.scrollLeft=0){

div1.scrollLeft=div2.scrollWidth;

}else{

div1.scrollLeft-=10;

}

}

//开始移动

function scrollstart(){

div3.innerHTML=div2.innerHTML;

if(dir==0)

scr=setInterval("left()",200);

else

scr=setInterval("right()",200);

}

function right(){

if(scr)

clearInterval(scr);

dir=1;

div3.innerHTML=div2.innerHTML;

scr=setInterval("scrollright()",200);

}

function left(){

if(scr)

clearInterval(scr);

dir=0;

div3.innerHTML=div2.innerHTML;

scr=setInterval("scrollleft()",200);

}

window.onload=function (){

div1=document.getElementById("div1");

div2=document.getElementById("div2");

div3=document.getElementById("div3");

div4=document.getElementById("div4");

scrollstart();

}

/script

/head

body

div id="div1" style="width:500px; overflow:hidden;"

div id="div4" style="width:2100px;" onmouseover="scrollstop()" onmouseout="scrollstart()"

div id="div2" style="width:1020px; float:left;"

div id="mydiv1" class="abc"1/div

div id="mydiv2" class="abc"2/div

div id="mydiv3" class="abc"3/div

div id="mydiv4" class="abc"4/div

div id="mydiv5" class="abc"5/div

div id="mydiv6" class="abc"6/div

div id="mydiv7" class="abc"7/div

div id="mydiv8" class="abc"8/div

div id="mydiv9" class="abc"9/div

div id="mydiv10" class="abc"10/div

/div

div id="div3" style="width:1020px; float:left;"/div

/div

/div

div

input type="button" name="left" id="left" value="向左移动" onclick="left()" /

input type="button" name="right" id="right" value="向右移动" onclick="right()" /

/div

/body

/html

这没有ff其它的都支持，试试

跪求苏宁易购装修可用的全屏轮播代码

style

.template {position:static; width:990px;}/* 用于实现全屏布局*/

body{overflow:none;overflow-x: hidden; }/* 用于兼容不同分辨率显示器的显示问题*/

.template div {overflow:visible;}/* 用于定义自定义区内容总是可见*/

.h8-define{ text-align:left;}/* 用于兼容IE7*/

/style

div style="width: 1920px; margin: 0 auto; height: 600px; z-index: 10; zoom: 1;"!--轮播总宽度1920px,高度600px，请根据自己实际情况修改 --

div class="template editArea baner-define mbt10" style="height: 600px; position: absolute;"!--此行600px也需要修改 --

div class="bannerBox"

!--第v一屏开始 --

div style="margin-left: -465px; position: absolute;"

a class="hide" style="display: inline;" title="套餐1" target="_blank"!--此行为第v一张轮播图链接 --

img class="err-product" src="" width="1920" height="600" border="0" /!--此行为第v一张轮播图片，src="xxx"我图片地址，注意需要加高度值和宽度值，否则会显现兼容性问题 --

/a

/div!--第v一屏结束 --

!--第二屏开始 --

div style="margin-left: -465px; position: absolute;"

a class="hide" style="display: none;" title="套餐2" target="_blank"

img class="err-product" src="" width="1920" height="600" / /a

/div!--第二屏结束 --

!--第三屏开始 --

div style="margin-left: -465px; position: absolute;"

a class="hide" style="display: none;" title="套餐3" target="_blank"

img class="err-product" src="" width="1920" height="600" / /a

/div!--第三屏结束 --

/div

div class="btn" style="bottom: 10px; right: 50%;"!--此行决定角标图片的显示位置 --

a class="cur" href="#"1/a !--第v一屏角标 class="cur" 表示当前状态--

a href="#"2/a!--第二屏角标 --

a href="#"3/a!--第三屏角标 --

/div

/div

/div

兼容ie7的轮播图源代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于web轮播图代码、兼容ie7的轮播图源代码的信息别忘了在本站进行查找喔。