<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=gb2312"
/>
<title>Jquery幻灯片焦点图插件</title>
<script src=
"js/jquery-1.4a2.min.js"
type=
"text/javascript"
></script>
<script src=
"js/jquery.-1.2.1.min.js"
type=
"text/javascript"
></script>
<script type=
"text/javascript"
>
var
moveStyle
var
rand =parseInt(Math.random()*4)
switch
(rand){
case
0: moveStyle=
"left"
;
break
;
case
1: moveStyle=
"right"
;
break
;
case
2: moveStyle=
"down"
;
break
;
case
3: moveStyle=
"up"
;
break
;
}
$(
function
(){
$(
"#KinSlideshow1"
).KinSlideshow({moveStyle:moveStyle});
})
</script>
<style type=
"text/css"
>
#KinSlideshow{ overflow:hidden; width:600px; height:300px;}
</style>
</head>
<body>
<h2>打开页面随机选择切换方式(方向)---刷新看看 ^_^</h2>
<p id=
"KinSlideshow1"
style=
"visibility:hidden;"
>
<a target=
"_blank"
><img src=
"images/11.png"
alt=
"Jquery幻灯片焦点图插件"
width=
"600"
height=
"300"
/></a>
<a target=
"_blank"
><img src=
"images/23.png"
alt=
"Jquery幻灯片焦点图插件"
width=
"600"
height=
"300"
/></a>
<a target=
"_blank"
><img src=
"images/4.jpg"
alt=
"Jquery幻灯片焦点图插件"
width=
"600"
height=
"300"
/></a>
<a target=
"_blank"
><img src=
"images/5.jpg"
alt=
"Jquery幻灯片焦点图插件"
width=
"600"
height=
"300"
/></a>
<a target=
"_blank"
><img src=
"images/22.png"
alt=
"Jquery幻灯片焦点图插件"
width=
"600"
height=
"300"
/></a>
</p>
</body>
</html>