Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[已答复] supesite7.0同一页面中使用多个javascript

[复制链接]
lotusct 发表于 2009-9-13 20:26:08 | 显示全部楼层 |阅读模式
我想在首页中使用supesite7自带的幻灯片效果,然后再加入一个文字滚动的javascript代码。可是这样的话幻灯片就不能播放了,只显示一张图片。去掉文字滚动的javascript代码幻灯片就能正常播放,这是为什么呢?如何才能实现?
回复

使用道具 举报

littlehz 发表于 2009-9-13 20:33:46 | 显示全部楼层
注意修改javascript中的变量和函数不和原来的有冲突就行。有冲突的话,把加上的javascript代码中的变量、函数名全部修改成对应的其它的。当然也可以直接找不冲突的javascript代码。
回复

使用道具 举报

 楼主| lotusct 发表于 2009-9-14 09:43:42 | 显示全部楼层
你好!能帮我看看吗?下面是加入的javascript代码,有哪些是和官方的幻灯片代码冲突?
<div id="marquees">
          <p>
            <!-- 这些是字幕的内容,你可以任意定义 -->
            <a href=http://www.webjx.com/htmldata/"#">工作通知1</a>            </p>
          <p><br>
            <a href=http://www.hao123.com>工作通知2</a>              </p>
          <p><br>
            <a href=http://www.hao123.com/2005-10-22/"#">工作通知3</a>                </p>
          <p><br>
              <a href=http://www.hao123.com/2005-10-22/"#">工作通知4</a>
                <br>
                <!-- 字幕内容结束 -->
                                        </p>
        </div>
<!-- 以下是javascript代码 -->
<script language="javascript">
<!--
marqueesHeight=300; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
}
//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",20);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>
回复

使用道具 举报

lidq.jingwu 发表于 2009-9-14 09:45:29 | 显示全部楼层
具体的对照还是你自己来做吧,这里只提供思路。
回复

使用道具 举报

 楼主| lotusct 发表于 2009-9-14 09:50:29 | 显示全部楼层
((em:07))
回复

使用道具 举报

lnxa 发表于 2009-9-14 10:13:45 | 显示全部楼层
原来可以这样的
回复

使用道具 举报

littlehz 发表于 2009-9-14 11:41:31 | 显示全部楼层
网上搜索一下jQuery的滚动代码吧,用jQuery的javascript框架来做开发比较好,简单易学
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-14 00:35 , Processed in 0.083051 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表