<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>title</title>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#vtitle").click(function(){
$(".vcon").hide("slow")
})
})
</script>
<style type="text/css">
*{margin:0padding:0list-style-type:none}
a,img{border:0}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体"}
a,a:hover{text-decoration: none}
/*收缩菜单*/
.v{float:rightwidth:14pxheight:14pxoverflow:hiddenbackground:url(images/vicon.png) no-repeatdisplay:inline-blockmargin-top:-5pxmargin-bottom:-5px}
.v01{background-position:0 0}
.v02{background-position:0 -16px}
.vtitle{height:35pxbackground:#fbede0line-height:35pxborder:1px solid #ccb6a9margin-top:-1pxpadding-left:20pxfont-size:15pxcolor:#4d4d4dfont-family:"\5FAE\8F6F\96C5\9ED1"cursor:pointer}
.vtitle em{margin:10px 10px 0 0}
.vconlist{background:#9cc}
.vconlist li a{height:30pxline-height:30pxpadding-left:30pxdisplay:blockfont-size:14pxcolor:#866f67font-family:"\5FAE\8F6F\96C5\9ED1"}
.vconlist li.select a,.vconlist li a:hover{color:#ed4948text-decoration:none}
</style>
</head>
<body>
<div style="width:268pxmargin:30px auto 0 auto">
<div class="vtitle" id="vtitle"><em class="v v02"></em>测试1</div>
<div class="vcon">
<ul class="vconlist clearfix">
<li class="select"><a href="javascript:">测试1</a></li>
<li><a href="javascript:">测试1</a></li>
<li><a href="javascript:">测试1</a></li>
</ul>
</div>
<div class="vtitle"><em class="v"></em>测试2</div>
<div class="vcon" style="display: none">
<ul class="vconlist clearfix">
<li><a href="javascript:">测试2</a></li>
<li><a href="javascript:">测试2</a></li>
<li><a href="javascript:">测试2</a></li>
</ul>
</div>
<div class="vtitle"><em class="v"></em>测试3</div>
<div class="vcon" style="display: none">
<ul class="vconlist clearfix">
<li><a href="javascript:">测试3</a></li>
<li><a href="javascript:">测试3</a></li>
<li><a href="javascript:">测试3</a></li>
</ul>
</div>
</div>
</body>
</html>是这样的不？(jquery包地址变一下)
估计是li.js的window.onload = function () ...
与
qiu.js的window.onload=Start<!--调用start函数-->
冲突
________________________________________
整合成一个qiu.js试验一下：
var a_Colour='fff000'<!--第一个轨迹的颜色-->
var b_Colour='00ff00'<!--第二个轨迹的颜色-->
var c_Colour='ff00ff'<!--第三个轨迹的颜色-->
var Size=120
var YDummy=new Array(),XDummy=new Array(),xpos=625,ypos=330,ThisStep=0step=0.6
var scroller = null
function swirl(){
for (i = 0i <3i++)<!--依次处理三个轨迹-->
{
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4)<!--计算得到第i个轨迹上每一点的横坐标-->
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4)<!--计算得到第i个轨迹上每一点的纵坐标-->
}
ThisStep+=step
setTimeout('swirl()',10)<!--周期性调用swirl函数-->
}
var amount=10
if ( document.all){<!--如果是ie浏览器-->
document.write('<div id="ODiv" style="position:absolutetop:0pxleft:0px">'
+'<div id="IDiv" style="position:relative">')
for (i = 0i <amounti++)<!--依次处理每一个点-->
{
document.write('<div id=x style="position:absolutetop:0pxleft:0pxwidth:'+i/2+'height:'+i/2+'background:'+a_Colour+'font-size:'+i/2+'"></div>')<!--第一个轨迹所在的页面-->
document.write('<div id=y style="position:absolutetop:0pxleft:0pxwidth:'+i/2+'height:'+i/2+'background:'+b_Colour+'font-size:'+i/2+'"></div>')<!--第二个轨迹所在的页面-->
document.write('<div id=z style="position:absolutetop:0pxleft:0pxwidth:'+i/2+'height:'+i/2+'background:'+c_Colour+'font-size:'+i/2+'"></div>')<!--第三个轨迹所在的页面-->
}
document.write('</div></div>')
}
function prepos(){
var msie=document.all<!--获得ie浏览器的当前页面-->
if(document.all){<!--如果是ie浏览器-->
for (i = 0i <amounti++)<!--依次处理每一个点-->
{
if (i <amount-1) <!--对于前amount－1个点-->
{
msie.x[i].style.top=msie.x[i+1].style.topmsie.x[i].style.left=msie.x[i+1].style.left<!--更新第一个轨迹上各个点上的上边界和左边界-->
msie.y[i].style.top=msie.y[i+1].style.topmsie.y[i].style.left=msie.y[i+1].style.left<!--更新第二个轨迹上各个点上的上边界和左边界-->
msie.z[i].style.top=msie.z[i+1].style.topmsie.z[i].style.left=msie.z[i+1].style.left<!--更新第三个轨迹上各个点上的上边界和左边界-->
}
else
{
msie.x[i].style.top=YDummy[0]msie.x[i].style.left=XDummy[0]<!--更新第一个轨迹上最后一个点上的上边界和左边界-->
msie.y[i].style.top=YDummy[1]msie.y[i].style.left=XDummy[1]<!--更新第二个轨迹上最后一个点上的上边界和左边界-->
msie.z[i].style.top=YDummy[2]msie.z[i].style.left=XDummy[2]<!--更新第三个轨迹上最后一个点上的上边界和左边界-->
}
}
}
setTimeout("prepos()",10)<!--周期性调用prepos函数-->
}
function Start(){<!--开始函数-->
var el = document.getElementById("Scroller-1")
scroller = new jsScroller(el, 400, 200)
swirl(),prepos()<!--依次调用swirl和prepos函数-->
}
window.onload=Start<!--调用start函数-->
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow")
})
