<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<base href="http://www.17sucai.com/preview/2236/2013-06-20/flash_1/" />< <link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</head>
<body>
<div id="slider" class="banner">
<a style="cursor:auto"target="_blank"><img src="img/1.jpg" /></a>
<a style="cursor:auto" target="_blank"><img src="img/2.jpg" /></a>
<a style="cursor:auto" target="_blank"><img src="img/3.jpg" /></a>
<a style="cursor:auto"target="_blank"><img src="img/4.jpg" /></a>
</div>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>
不能支持jq高版本,还有哪里要修改,有2处地方的
给img加上title,因为jquery高版本更改过attr方法了,只获取attribute,由于img没有title属性返回了undefined,对undefined进行substr截取报错了
还有里面用到了live等已经去掉的方法,你用用这个插件最好不要用高版本jquery。当然你分多可以发个100C的,可以帮你改成兼容高版本jquery的
https://www.zhihu.com/question/270048725
你的写法好奇怪。页面加载应该这样:
window.onload =function(){
$('#slider').nivoSlider();
}
拿你的代码试了一下,发现很正常,不过不知道jquery.nivo.slider.pack.js这个插件是否和我用的是同一个版本,另外一个小问题是这句前面多了个 <
load事件高版本不支持,可以用on绑定load事件