2.大部分使用过jquery的都知道,在ff上面浏览的效果是刚刚的,但是这些刚刚的效果,在ie上面运用的效果差强人意的。
3.今天练习的一个效果是这样的
就是点击个个颜色,然后使得页面的背景颜色变成同样的颜色
4.上图中的效果使用简单的代码就可以完成了,而且在ie,ff中的效果是同样的,这里就只贴出jquery中的代码了,非常的简单的
复制代码 代码如下:
下面是html中的代码
复制代码 代码如下:
还原
下面的css样式就不贴出来了啊,相信大家都晓得的
下面就说一下另外的一个差别的代码,从而使我了解到了ie,ff对于jquery的使用
1.
看到这个图片和上面的图片的区别,相信大家很容易就查出来,对的,这个的一个小图标的四个角都是弧度的,为了完成这个弧度的,我使用了一个js,这个js是这个“jquery.curvycorners.source.js”通过方法
复制代码 代码如下:
$(document).ready(function(){
settings = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 },
antialias: true,
autopad: true,
validtags: [span]
}
$('.mybox').corner(settings);
$('.mybox1').corner(settings);
$('.mybox2').corner(settings);
$('.mybox3').corner(settings);
$('.mybox4').corner(settings);
$('.mybox5').corner(settings);
$('.mybox6').corner(settings);
$('.mybox7').corner(settings);
});
这个方法来使上面的图片的四个角变成弧度的,但是问题出来了
这个方法,这个js在ff运行的效果非常完成,但是出现在ie上面则没有效果的
之前没有注意过,但今天进行测试后,有点小的意见,是不是对于一些自定义的js,ie的兼容性不是太好呢,之前做过一个项目,也是自定义了一个js,然后通过script来嵌套到页面中,在ff的效果很好,但是在ie上面没有效果,当时也没有在意,通过今天的练习发现,“是不是对于一些自定义的js,ie的兼容性不是太好呢?”是真的呢?要不要以后尽量少的自定义js,但是如果不自定义js,那么页面中的 代码就会很多的啊?有点迷茫ing...
