点击伸缩内容的js 与仿微博滚动的js 冲突，代码如下，这两个特效放一起，就只有自动伸缩的特效能用，

JavaScript08

点击伸缩内容的js 与仿微博滚动的js 冲突，代码如下，这两个特效放一起，就只有自动伸缩的特效能用，,第1张

估计是

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函数-->

我这样写的。

document.writeln(这里是js引入文件)

document.writeln(_ 这里是js引入文件)

document.writeln('<div>')

document.writeln('<form>')

document.writeln('<div class="se_box" id="rtn_box1">')

document.write('<div class="inp_gcw"><span class="inp_span">用户名')

document.write(_input)

document.writeln('<span style="margin:2pxfont-size:11px">切换</span></div>')

这个很简单。

1、首先将这个JS复制备份，防止修改错误。

2、用dreamweaver软件打开JS文件，然后删除多余的条数，这时要足够的细心。

3、测试一下，如果还不满意，用dreamweaver继续修改；

4、如果万一修改错了，别急！在第1步已做好了备份，继续修改，直至满意为止。

注意；WP模板的修改是细活，要有耐心。