求老师帮忙稍微改一下能调用的两个代码
本帖最后由 txxg 于 2014-7-19 23:38 编辑这是第一个代码
<table width=930 border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<div id=www_js323_com style=overflow:hidden;height:200px;width:930px;color:#ff0000><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=www_js323_com1 valign=top>
<table border=0 cellpadding=0 cellspacing=0>
<tr><td style=padding:5px;><a ><img border="0" src=" 9.jpg" width=300 height=55 hspace=22></a><br><center><b></b></center></td>
<td width=30></td>
<td style=padding:5px;><a ><img border="0" src=" 41.jpg" width=300 height=55 hspace=22></a><br><center><b></b></center></td></td>
<td width=30></td>
<td style=padding:5px;><a ><img border="0" src=" 42.jpg" width=300 height=55hspace=22></a><br><center><b></b></center></td>
<td style=padding:5px;><a ><img border="0" src=" 43.jpg"width=300 height=55hspace=22></a><br><center><b></b></center></td>
<td width=30></td>
<td style=padding:5px;><a ><img border="0" src="51.jpg" width=300 height=55 hspace=22></a><br><center><b></b></center></td>
</tr>
</table>
<td id=www_js323_com2 valign=top></td></tr></table></div>
<script>
var speed=15//速度数值越大速度越慢
www_js323_com2.innerHTML=www_js323_com1.innerHTML
function Marquee(){
if(www_js323_com2.offsetWidth-www_js323_com.scrollLeft<=0)
www_js323_com.scrollLeft-=www_js323_com1.offsetWidth
else{
www_js323_com.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
www_js323_com.onmouseover=function() {clearInterval(MyMar)}
www_js323_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table>
第二代码
<title>文字滚动</title>
<style type="text/css">
#rollText{font:12px /20px verdana;}
</style><div id="rollAD" style="height:40px; position:relative; overflow:hidden;">
<div id="rollText" style="font-size:12px; line-height:20px;">
<a href="/" title="">◇ 安理会改革拟新增七理事国</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
<a href="/" title="">◇ 安理会改革拟新增七理事国</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
<a href="/" title="">◇ 安理会改革拟新增七理事国</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
var textDat = textDiv.innerHTML;
var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
//var textUp2 = textDat.substr(0,br);
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
textDiv.style.cssText = "position:absolute; top:0";
var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
newTop++;
if(newTop<=divTop+40){
textDiv.style.top = "-" + newTop + "px";
}else{
clearInterval(minTime);
maxTime = setTimeout(MaxRoll,5000);
}
}
function MaxRoll(){
divTop = Math.abs(parseInt(textDiv.style.top));
if(divTop>=0 && divTop<textDatH-40){
minTime = setInterval(MinRoll,1);
}else{
textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
}
}
// ]]>
</script>
对老师感激不尽
<table width=930 border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<div id=www_js323_com style=overflow:hidden;height:200px;width:930px;color:#ff0000><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=www_js323_com1 valign=top>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td style=padding:5px;>
<a ><img border="0" src="{pic}" width=300 height=55 hspace=22></a><br>
<center><b></b></center>
</td>
<td width=30></td>
<td style=padding:5px;>
<a ><img border="0" src="{pic}" width=300 height=55 hspace=22></a><br>
<center><b></b></center>
</td>
</td>
<td width=30></td>
<td style=padding:5px;><a ><img border="0" src="{pic}" width=300 height=55hspace=22></a><br><center><b></b></center></td>
<td style=padding:5px;><a ><img border="0" src="{pic}"width=300 height=55hspace=22></a><br><center><b></b></center></td>
<td width=30></td>
<td style=padding:5px;><a ><img border="0" src="{pic}" width=300 height=55 hspace=22></a><br><center><b></b></center></td>
</tr>
</table>
<td id=www_js323_com2 valign=top></td></tr></table></div>
<script>
var speed=15//速度数值越大速度越慢
www_js323_com2.innerHTML=www_js323_com1.innerHTML
function Marquee(){
if(www_js323_com2.offsetWidth-www_js323_com.scrollLeft<=0)
www_js323_com.scrollLeft-=www_js323_com1.offsetWidth
else{
www_js323_com.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
www_js323_com.onmouseover=function() {clearInterval(MyMar)}
www_js323_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table> 第二段
<title>文字滚动</title>
<style type="text/css">
#rollText{font:12px /20px verdana;}
</style><div id="rollAD" style="height:40px; position:relative; overflow:hidden;">
<div id="rollText" style="font-size:12px; line-height:20px;">
<a href="{url}" title="{title}">{title}</a><br />
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
var textDat = textDiv.innerHTML;
var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
//var textUp2 = textDat.substr(0,br);
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
textDiv.style.cssText = "position:absolute; top:0";
var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
newTop++;
if(newTop<=divTop+40){
textDiv.style.top = "-" + newTop + "px";
}else{
clearInterval(minTime);
maxTime = setTimeout(MaxRoll,5000);
}
}
function MaxRoll(){
divTop = Math.abs(parseInt(textDiv.style.top));
if(divTop>=0 && divTop<textDatH-40){
minTime = setInterval(MinRoll,1);
}else{
textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
}
}
// ]]>
</script> 记住解决问题后将分类改为已解决 能给我讲解方法不?我以后自己写,老是麻烦您们我也不好意思。 txxg 发表于 2014-7-19 15:31
能给我讲解方法不?我以后自己写,老是麻烦您们我也不好意思。
看第二段里面重复的数据就是
<div id="rollText" style="font-size:12px; line-height:20px;">
<a href="/" title="">◇ 安理会改革拟新增七理事国</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
<a href="/" title="">◇ 安理会改革拟新增七理事国</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
<a href="/" title="">◇ 安理会改革拟新增七理事国</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
<a href="/" title="">◇ 国务院领导工作分工确定</a><br />
</div>
找到相同点 <a href="/" title="">◇ 国务院领导工作分工确定</a><br />
修改为
<a href="{url}" title="{title}">{title}</a><br />
其中{url}表示帖子连接{title}表示标题
然后使用循环语句包裹其中,在loop中间的就是模板,按照中间的格式反复生成!
最后格式
<div id="rollText" style="font-size:12px; line-height:20px;">
<a href="{url}" title="{title}">{title}</a><br />
</div>
受益匪浅呀,谢谢老师。 好深奥啊:lol
页:
[1]