如何实现图片滚动展示- 织梦模板
织梦模板html代码如下:<divid=demostyle="overflow:hidden;height:155px;width:696px;"><tablewidth...
织梦模板html代码如下:<div id=demo style="overflow:hidden;height:155px;width:696px;">
<table width="696" height="155" border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
<tr>
<td id=demo1 valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
{dede:arclist row=6 type='image.' titlelen='18' orderby=pubdate typeid='3'}
<td>
<table width="65" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td width="113" height="124" align="center" bgcolor="#F3F3F3" style="padding-left:5px ;padding-right:5px;padding-top:5px;padding-left:bootm"><a href='[field:arcurl/]'><img src='[field:litpic/]' width="113" height="124" border=0></a></td>
</tr>
<tr>
<td height="20" align="center" bgcolor="#F3F3F3">
[field:title/]</td>
</tr><TD id=demo2 width=0></TD>
</table>
{/dede:arclist}
</tr>
</table>
</td>
</tr>
</table>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div> 展开
<table width="696" height="155" border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
<tr>
<td id=demo1 valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
{dede:arclist row=6 type='image.' titlelen='18' orderby=pubdate typeid='3'}
<td>
<table width="65" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td width="113" height="124" align="center" bgcolor="#F3F3F3" style="padding-left:5px ;padding-right:5px;padding-top:5px;padding-left:bootm"><a href='[field:arcurl/]'><img src='[field:litpic/]' width="113" height="124" border=0></a></td>
</tr>
<tr>
<td height="20" align="center" bgcolor="#F3F3F3">
[field:title/]</td>
</tr><TD id=demo2 width=0></TD>
</table>
{/dede:arclist}
</tr>
</table>
</td>
</tr>
</table>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div> 展开
2个回答
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询