在wfsection中使用js代码，实现连续滚动图片的问题 [技术论坛 - 使用问答]

正在浏览:   1 名游客


 到底部   前一个主题   下一个主题  [无发表权] 请登录或者注册



goupi
在wfsection中使用js代码，实现连续滚动图片的问题
#1
新进会员
注册日期:
2005/8/19 10:03
所属群组:
注册会员
帖子: 11
等级: 2; EXP: 12
HP : 0 / 28
MP : 3 / 60
离线
代码大概如下
----------------------------------------------------------------------
<!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write('<table align="center" width="774" border="0" cellpadding="0" cellspacing="0">');
document.write(' <tr> ');
document.write(' <td width="774" height="120" align="center" class="border01" bgcolor="FFFFFF">');
document.write(' <div id="demo" align="center" style="overflow:hidden;width:750px">');
document.write(' <table border="0" align="center" cellpadding="1" cellspacing="1" >');
document.write(' <tr>');
document.write(' <td valign="top" bgcolor="ffffff" id="marquePic1"> ');
document.write(' <table width="90%" border="0" cellspacing="0" cellpadding="0">');
document.write(' <tr align="center"> ');
document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/1.jpg" width="150" height="100" hspace="2" border="0"></a></td>');
document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/2.jpg" width="150" height="100" hspace="2" border="0"></a></td>');
document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/4.jpg" width="150" height="100" hspace="2" border="0"></a></td>');
document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/5.jpg" width="150" height="100" hspace="2" border="0"></a></td>');
document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/6.jpg" width="150" height="100" hspace="2" border="0"></a></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </td>');
document.write(' <td id="marquePic2" valign="top"></td>');
document.write(' </tr>');
document.write(' </table>');
document.write(' </div>');
document.write(' </td>');
document.write(' </tr>');
document.write(' </table>');
var speed=30;
marquePic2.innerHTML=marquePic1.innerHTML;
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth)
{
demo.scrollLeft=0;
}
else
{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
</body>
</html>
--------------------------------------------------------------------

问题在于这部分代码单独运行没任何问题，插入到wfsection中就是空白，没有任何显示，想听听大家的提示！

附件:

html 333.html 大小: 2.39 KB; 下载次数: 76

2005/12/27 20:43
应用扩展 工具箱


hawkren
Re: 在wfsection中使用js代码，实现连续滚动图片的问题
#2
初级会员
注册日期:
2005/10/24 22:15
所属群组:
注册会员
帖子: 25
等级: 3; EXP: 73
HP : 0 / 68
MP : 8 / 110
离线
小弟不解，不过对这个功能很喜欢
楼主搞明白之后一定要公布一下，呵呵！

2005/12/27 21:29
_________________
http://heamo.512j.com/ 海漠摄影
应用扩展 工具箱


chnwalkman
回复: 在wfsection中使用js代码，实现连续滚动图片的问题
#3
高级会员
注册日期:
2004/9/5 14:39
所属群组:
注册会员
帖子: 83
等级: 8; EXP: 6
HP : 0 / 176
MP : 27 / 870
离线
wfsection我没用过。但一般可能是在插入代码时xoops自动在行末加入了<br />，从而导致js代码无法执行

你可以在发布后查看页面源代码，看是否在该js中的每行末端有<br />换行符？

2005/12/27 22:11
应用扩展 工具箱


xuser
回复: 在wfsection中使用js代码，实现连续滚动图片的问题
#4
项目管理员
注册日期:
2004/7/13 3:29
所属群组:
注册会员
技术文档组
ComSupp
帖子: 387
等级: 18; EXP: 32
HP : 86 / 433
MP : 129 / 2325
离线
曾经碰到过类似问题
后发现是某个区块的template中的form标签没有终结符导致的

建议再仔细看看生成页面的html代码

2005/12/28 0:32
_________________
Xuser's site
http://xuser.org
应用扩展 工具箱


goupi
回复: 在wfsection中使用js代码，实现连续滚动图片的问题
#5
新进会员
注册日期:
2005/8/19 10:03
所属群组:
注册会员
帖子: 11
等级: 2; EXP: 12
HP : 0 / 28
MP : 3 / 60
离线
下面是加入后显示出来的原代码。感觉没什么问题啊...
--------------------------------------------------------------------

<!-- Opentable for block decoration -->
<div align = "left"><script type="text/javascript"> <!--document.write('<table align="center" width="774" border="0" cellpadding="0" cellspacing="0">'); document.write(' <tr> '); document.write(' <td width="774" height="120" align="center" class="border01" bgcolor="FFFFFF">'); document.write(' <div id="demo" align="center" style="overflow:hidden;width:750px">'); document.write(' <table border="0" align="center" cellpadding="1" cellspacing="1" >'); document.write(' <tr>'); document.write(' <td valign="top" bgcolor="ffffff" id="marquePic1"> '); document.write(' <table width="90%" border="0" cellspacing="0" cellpadding="0">'); document.write(' <tr align="center"> '); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/1.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/2.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/4.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/5.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/6.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </td>'); document.write(' <td id="marquePic2" valign="top"></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </div>'); document.write(' </td>'); document.write(' </tr>'); document.write(' </table>'); var speed=30;marquePic2.innerHTML=marquePic1.innerHTML;function Marquee(){ if(demo.scrollLeft>=marquePic1.scrollWidth){ demo.scrollLeft=0;}else{ demo.scrollLeft++;} } var MyMar=setInterval(Marquee,speed);demo.onmouseover=function() {clearInterval(MyMar)};demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; --></script></div>
<!-- Closetable for block decoration -->

2005/12/28 12:02
应用扩展 工具箱


goupi
回复: 在wfsection中使用js代码，实现连续滚动图片的问题
#6
新进会员
注册日期:
2005/8/19 10:03
所属群组:
注册会员
帖子: 11
等级: 2; EXP: 12
HP : 0 / 28
MP : 3 / 60
离线
OK了，怪我自己不熟悉js语法。
修改如下就可以了。

<script type="text/javascript">document.write('<table align="center" width="774" border="0" cellpadding="0" cellspacing="0">'); document.write(' <tr> '); document.write(' <td width="774" height="120" align="center" class="border01" bgcolor="FFFFFF">'); document.write(' <div id="demo" align="center" style="overflow:hidden;width:750px">'); document.write(' <table border="0" align="center" cellpadding="1" cellspacing="1" >'); document.write(' <tr>'); document.write(' <td valign="top" bgcolor="ffffff" id="marquePic1"> '); document.write(' <table width="90%" border="0" cellspacing="0" cellpadding="0">'); document.write(' <tr align="center"> '); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/1.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/2.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/4.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/5.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' <td><a href="#" target="new"><img src="http://www.smallrain.net/jsimg/6.jpg" width="150" height="100" hspace="2" border="0"></a></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </td>'); document.write(' <td id="marquePic2" valign="top"></td>'); document.write(' </tr>'); document.write(' </table>'); document.write(' </div>'); document.write(' </td>'); document.write(' </tr>'); document.write(' </table>'); var speed=30;marquePic2.innerHTML=marquePic1.innerHTML;function Marquee(){ if(demo.scrollLeft>=marquePic1.scrollWidth){ demo.scrollLeft=0;}else{ demo.scrollLeft++;} } var MyMar=setInterval(Marquee,speed);demo.onmouseover=function() {clearInterval(MyMar)};demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};</script>

2005/12/28 12:40
应用扩展 工具箱



 回顶部   前一个主题   下一个主题

 [无发表权] 请登录或者注册


您可以查看帖子.
您不可发帖.
您不可回复.
您不可编辑自己的帖子.
您不可删除自己的帖子.
您不可发起投票调查.
您不可在投票调查中投票.
您不可上传附件.
您不可不经审核直接发帖.

[高级搜索]