HTML图片切换和文字滚动相互影响了。-HTML教程-爱易网页

HTML图片切换和文字滚动相互影响了。

日期：2014-05-16　浏览次数：20678 次

HTML图片切换和文字滚动互相影响了。。。
我做的网站主页上有个文字滚动的模块，还有个图片切换的模块，图片切换实在网上找的代码，文字滚动自己写的，下面的代码复制粘贴就能使用。有这么个问题这俩个模块互相影响了，图片切换模块一切换图片，我的文字滚动就停顿一下很郁闷，求大神帮解决

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>图片幻灯切换</title>

<style type="text/css">

#ibanner { position:relative; width:280px; height:200px; overflow:hidden; margin:0; padding:0; }

#ibanner_pic {}

#ibanner_pic a { position:absolute; top:0px; border:0px #FFF; display:block; width:280px; height:200px; overflow:hidden; margin:0px; padding:0; }

#ibanner_btn { position:absolute; z-index:9999; right:5px; bottom:5px; font-weight:700; font-family:Arial; }

#ibanner_btn span { display:block; float:left; margin-left:4px; padding:0 5px; background:#000; cursor:pointer; }

#ibanner_btn .normal { height:20px; margin-top:8px;  color:#999; font-size:16px; line-height:20px; }

#ibanner_btn .current { height:28px;  color:#FF5300; font-size:28px; line-height:28px; }

</style>

<script type="text/javascript">

function $(id) { return document.getElementById(id); }

function addLoadEvent(func){

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function(){

oldonload();

func();

}

}

}

function addBtn() {

if(!$('ibanner')||!$('ibanner_pic')) return;

var picList = $('ibanner_pic').getElementsByTagName('a');

if(picList.length==0) return;

var btnBox = document.createElement('div');

btnBox.setAttribute('id','ibanner_btn');

var SpanBox ='';

for(var i=1; i<=picList.length; i++ ) {

var spanList = '<span class="normal">'+i+'</span>';

SpanBox += spanList;

}

btnBox.innerHTML = SpanBox;

$('ibanner').appendChild(btnBox);

$('ibanner_btn').getElementsByTagName('span')[0].className = 'current';

for (var m=0; m<picList.length; m++){

var attributeValue = 'picLi_'+m

picList[m].setAttribute('id',attributeValue);

}

}

function moveElement(elementID,final_x,final_y,interval) {

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

HTML图片切换和文字滚动相互影响了。

相关资料更多>

推荐阅读更多>