日期:2014-05-16 浏览次数:20411 次
<script type="Text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
The Javascript to start it.
这2行javascript无需编辑 你直接引用,第一个是JQUERY ,第二个是JQUERY扩展插件
<script type="text/javascript" >
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
ajax: [
'AjaxDependencies/ajax.html',
'../images/02.jpg', //这里直接替换成你的图片地址
'../images/03.jpg',
'../images/04.jpg',
'../images/05.jpg'
],
numeric:true
});
});
</script>
The HTML
<div id="slider">这里就是显示轮播的DIV,放在你想要的位置</div>
<!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>
<title>Sudo Slider
------解决方案--------------------
Ajax demo</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<link rel="STYLESHEET" type="text/css" href="http://webbies.dk/assets/files/SudoSlider/package/css/style.css">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"
src="http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){