Question

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

<script type="text/javascript" src="../js/jquery.js"></script>
<script>
//微博滚动开始
$(function() {
var scrtime;
$("#dp_list_cont").hover(function() {
clearInterval(scrtime);
}, function() {
scrtime = setInterval(function() {
var $ul = $(".jsdp_list");
var itemHeight = $ul.find(".jsdp_item:last").height();
$ul.animate({ marginTop: itemHeight + 20 + "px" }, 1000, function() {
$ul.find(".jsdp_item:last").prependTo($ul)
$ul.find(".jsdp_item:first").hide();
$ul.css({ marginTop: 0 });
$ul.find(".jsdp_item:first").fadeIn(1000);
});
}, 3000);
}).trigger("mouseleave");
});

//微博滚动结束

//自动伸缩开始
function $(element) {
return element = document.getElementById(element);
}
function $D() {
var d = $('dp_cont');
var h = d.offsetHeight;
var maxh = 120;
var iIntervalId;
function dmove() {
h += 50; //设置层展开的速度
if (h >= maxh) {
d.style.height = '120px';
clearInterval(iIntervalId);
} else {
d.style.display = 'block';
d.style.height = h + 'px';
}
}
iIntervalId = setInterval(dmove, 2);
}
function $D2() {
var d = $('dp_cont');
var h = d.offsetHeight;
var maxh = 120;
var iIntervalId;
function dmove() {
h -= 50; //设置层收缩的速度
if (h <= 0) {
d.style.display = 'none';
clearInterval(iIntervalId);
} else {
d.style.height = h + 'px';
}
}
iIntervalId = setInterval(dmove, 2);
}
function $use() {
var d = $('dp_cont');
var sb = $('stateBut');
if (d.style.display == 'none') {
$D();
sb.innerHTML = '点击收缩';
} else {
$D2();
sb.innerHTML = '点击展开';
}
}
//自动伸缩结束
</script>

Answer 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=0;step=0.6;
var scroller = null;
function swirl(){
for (i = 0; i < 3; i++)<!--依次处理三个轨迹-->
{
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:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)<!--依次处理每一个点-->
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');<!--第一个轨迹所在的页面-->
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');<!--第二个轨迹所在的页面-->
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+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 = 0; i < amount; i++)<!--依次处理每一个点-->
{
if (i < amount-1) <!--对于前amount－1个点-->
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;<!--更新第一个轨迹上各个点上的上边界和左边界-->
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;<!--更新第二个轨迹上各个点上的上边界和左边界-->
msie.z[i].style.top=msie.z[i+1].style.top;msie.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函数-->

Answer 2

估计是
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=0;step=0.6;
var scroller = null;
function swirl(){
for (i = 0; i < 3; i++)<!--依次处理三个轨迹-->
{
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:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)<!--依次处理每一个点-->
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');<!--第一个轨迹所在的页面-->
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');<!--第二个轨迹所在的页面-->
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+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 = 0; i < amount; i++)<!--依次处理每一个点-->
{
if (i < amount-1) <!--对于前amount－1个点-->
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;<!--更新第一个轨迹上各个点上的上边界和左边界-->
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;<!--更新第二个轨迹上各个点上的上边界和左边界-->
msie.z[i].style.top=msie.z[i+1].style.top;msie.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函数-->

Answer 3

改下：

//微博滚动开始
jQuery.noConflict();
jQuery(function() {
var scrtime;
jQuery("#dp_list_cont").hover(function() {
clearInterval(scrtime);
}, function() {
scrtime = setInterval(function() {
var $ul = jQuery(".jsdp_list");
var itemHeight = $ul.find(".jsdp_item:last").height();
$ul.animate({ marginTop: itemHeight + 20 + "px" }, 1000, function() {
$ul.find(".jsdp_item:last").prependTo($ul)
$ul.find(".jsdp_item:first").hide();
$ul.css({ marginTop: 0 });
$ul.find(".jsdp_item:first").fadeIn(1000);
});
}, 3000);
}).trigger("mouseleave");
});

//微博滚动结束

追问

把这两块JS分开，jquery的放在页面，另一个伸缩的话JS文件来引用，就没问题了。谢谢哈。