javascript+xml实现简单图片轮换(只支持IE)

来源:脚本之家  责任编辑:小易  

我已经帮你测试过了 在IE7里面是可以播放的 但是IE8无法显示 这个是IE7/8版本兼容性问题 不同版本浏览器对js解析过程不同 现在教你一种最简单也是最常用的方法: 加入表头信息 放在所有meta最上面,希望能帮您!有上面不懂随时可以问我。 兼_听则明

最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持IE的,FF的还要加些东东.

xml文件:test.xml

首先IE本身就是支持JavaScript的。 1、可能想要说的是不支持某些特性,这是正常的。浏览器兼容性一直都是web开发的一大难题,不过w3c的HTML5之后好了很多。要是想知道在IE中某些js脚本怎么写它才认识,那可能要费一些功夫去查阅一下了。 2、如果

复制代码 代码如下:

IE的javascript引擎本来就不好,最好的是谷歌的V8引擎。当然你的代码肯定也是有问题的。

<?xml version="1.0" encoding="gb2312"?>

可以用JAvascript改变这个图片的css来旋转他: 这个是css代码: img { transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */

<ad>

angle 传过来的角度数 //向右旋转90 function rotateRight(angle) { var id= $("#id").val(); rotate(id, angle == undefined ? 90 : angle); } //向左旋转 90 function rotateLeft(angle) { var id= $("#id").val(); rotate(id, angle == unde

<neteasy path="image/64_jpg.jpg">http://www.163.com</neteasy>

您好,台上盆和台下盆各有优缺点,选择哪一个确实有些难以抉择,接下来就一起比较比较,再做出适合自己的选择吧~台上盆优点:1.安装简单台上盆是较为常见的一种水盆安装方式,只需按安装图纸在台面预定位置开孔,后将盆放置于孔中,用玻璃胶将缝隙填实即可,使用时台面的水不会顺缝隙下流。2.造型多变台上盆因为是置于台上的,所以在造型上可以更加丰富多变,花纹颜色上也可以有选择,效果美观有个性。3.方便维修台上盆四边受力均匀,维修时只需要把硅胶去除,从台面上面直接拿起就可以了,维修省时省力。缺点:1.难以清洁台上盆下有卫生死角不容易清洁,杂物不能直接抹到水槽里。这一点应该是很多业主不选择台上盆的原因。2.容易开胶

<sina path="image/lining.jpg">http://www.sina.com.cn</sina>

最怕空气突然安静最怕体重称破了新高最怕去年的裤子今年穿不上怕胖是大部分女性的心理更是做了妈妈后首要解决的事但是野百合都能有春天吃货们也可以满足嘴巴的同时也窈窕可人哦!推荐几个食谱香菇肉碎茄子材料:茄子适量、香菇适量、肉碎适量、蒜苗适量、蒜蓉适量、盐适量、生抽适量、豆瓣酱适量1.香菇用温水泡发变软洗净备着。2.茄子洗净。3.切好的茄子用淡盐水泡5分钟,捞出沥干水备着。(据说泡过淡盐水的茄子不易变黑)。4.准备好蒜蓉,蒜苗,猪肉碎。5.锅中放入少许油,放入茄子开始煎。6.用小火慢慢煎至两面微焦。(翻茄子时应从下至上翻,不要太过猛炒,不然会碎的)。7.茄子暂出锅晾凉。8.锅中热油,放入蒜蓉和蒜苗炒香

<sohu path="image/Image00045.jpg">http://www.sohu.com</sohu>

感谢邀请,传国玉玺,它是秦代丞相李斯奉始皇帝之命用和氏璧锲刻而成,,在古代正统皇权的象征,也是一个政权合法行的必要标志。其方圆四寸,上纽交五龙正面有李斯刻写的《受命于天既寿永昌》八篆字作为“皇权天授,正统合法”的信物。在我国已经传承二千多年。作为封建帝制早已破灭的现在的中国来说它一文不值,没有任何的实际意义。但是把它向收藏界靠拢的话,那它就是个无价之宝。它见证了中国两千多年的历史兴亡。勾起了国人的爱国情怀,那它就更无价了。

</ad>

颜值很高的体育运动员,确实不在少数。而最难能可贵的是,这些出了名的国际体坛“帅哥美女”,首先都是因为在其本职项目上取得了骄人的成绩,然后才被关注到惊艳的容貌。因此,一味的说什么“实力重于一切,靠脸是不要脸”,其实毫无道理——毕竟,这是一个注重形象的时代,容貌本就是“实力”的一个重要组成部分。尤其是,现如今,颜值和容貌并不单纯指“脸蛋与身材”,还包含“品味”、“气质”、“风度”等多重元素,确实是能够决定成功或者奠定成功基础的关键成分。下面,就为大家罗列一下,我心中的除惠若琪以外的颜值较高的体育选手,排名不分先后,亦不分国籍,欢迎有识之士尽兴补充:1、杨鸣——辽宁男篮队长杨鸣,名符其实的CBA第一

HTML

复制代码 代码如下:

IE的javascript引擎本来就不好,最好的是谷歌的V8引擎。当然你的代码肯定也是有问题的。

<img id="image1" name="image1" src="image/64_jpg.jpg" style="cursor:hand; width: 110px; height: 103px;"/>

javascript

复制代码 代码如下:

IE的javascript引擎本来就不好,最好的是谷歌的V8引擎。当然你的代码肯定也是有问题的。

<script>

//图片轮换

var a = 0 ;

var xmlDoc;

var image1 = document.getElementById("image1");

function loadxml(path)

{

xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

xmlDoc.async = false;

xmlDoc.load(path);

}

loadxml("test.xml");

function changeImage()

{

var ad = xmlDoc.getElementsByTagName("ad")[0];

if(a == ad.childNodes.length)

{

a=0;

}

var path = ad.childNodes[a].getAttribute("path");

var url = ad.childNodes[a].text;

image1.src = path;

image1.onclick = function(){window.open(url);};

a+=1;

setTimeout("changeImage()",1000);

}

changeImage();

</script>

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

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

  尊敬的用户,您好!很高兴为您答疑。

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

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

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

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

js图片轮换 ie7 不兼容

这种问题得看你具体代码,可能是某个方法或者函数写法上存在兼容性问题。你最好使用jquery 图片轮换插件,这样兼容性会好些。

js图片切换效果ie浏览器不兼容,求高手帮忙修改。

让人修改是最麻烦也最笨的办法,直接找一个好的插件或者案例把其修改成你要的样式就好

给你个地址,你下一个差不多的进行样式修改即可

幻灯片和轮播图

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<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其它的都支持,试试

Javascript兼容性问题,谁能帮我把这个只支持IE的函数改为可以支持IE、火狐、Chrome?

<!DOCTYPE HTML>

<html>

<head>

<title>Page Title</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script>

function getHTTPObject() {

if (typeof XMLHttpRequest == "undefined") {

XMLHttpRequest = function() {

try {

return new ActiveXObject("Msxml2.XMLHTTP.6.0");

} catch (e) {

console.error(e);

}

try {

return new ActiveXObject("Msxml2.XMLHTTP.3.0");

} catch (e) {

console.error(e);

}

try {

return new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

console.error(e);

}

return false;

}

}

return new XMLHttpRequest();

}

onload = function() {

var request = getHTTPObject();

if (request) {

request.open("post", "example.txt", false);

request.onreadystatechange = function() {

if (request.readyState == 4) {

var xml = request.responseText;

document.getElementById("ta").value = xml;

}

}

request.send(null);

} else {

alert("Sorry,your browser doesn't support XMLHttpRequest");

}

}

</script>

</head>

<body>

<form>

<textarea id="ta" rows=30 cols=50 style="resize:none;"></textarea>

</form>

</body>

</html>

  • 本文相关:
  • javascript操作xml/html比较常用的对象属性集锦
  • javascript操作xml文件之xml读取方法
  • javascript实现将xml转换成html table表格的方法
  • javascript将xml转成json的方法
  • javascript 读取操作sql中的xml字段
  • 用javascript读取xml文件读取节点数据
  • javascript读取xml文件做一个二级联动菜单示例
  • javascript创建createxmlhttprequest对象示例代码
  • javascript读取xml实现javascript分页
  • 如何使用javascript正则表达式来格式化xml内容
  • javascript实现加载xml文件的方法
  • kendo grid editing 自定义验证报错提示的解决方法
  • javascript实现shuffle数组洗牌操作示例
  • js正则表达式中test,exec,match方法的区别说明
  • 浅谈javascript函数式编程
  • 国外javascript经典封装集合整理
  • 理解javascript中的事件
  • html5+canvas调用手机拍照功能实现图片上传(下)
  • 详解js实现线段交点的三种算法
  • javscript调用iframe框架页面中函数的方法
  • 微信小程序获取手机网络状态的方法【附源码下载】
  • js代码IE、火狐不兼容,图片轮换功能不能实现
  • js图片轮换 ie7 不兼容
  • js图片切换效果ie浏览器不兼容,求高手帮忙修改。
  • javascript图片向左循环滚动的方法(支持ie6\ie7\i...
  • Javascript兼容性问题,谁能帮我把这个只支持IE的...
  • JS高手进来 为什么以下JS调用图片轮播代码在IE8 显...
  • IE浏览器不兼容JavaScript
  • 请问大侠们,我用 js setinterval函数写一个图片轮...
  • javascript如何实现图片任意角度的旋转?
  • 用js实现图片旋转360度,并兼容ie7+
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved