盼盼资源网-亲测资源网-盼盼的家园www.panpan.org

 找回密码
 立即注册
查看: 2161|回复: 0

[普通] dede让图片横向滚动的方法

[复制链接]

2439

主题

2549

帖子

40万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
408835
发表于 2019-4-22 01:48:19 | 显示全部楼层 |阅读模式
dede让图片横向滚动的方法

第一步:找到图文资讯代码的位置

将<marquee align=center direction=right scrollamount=1.5 scrolldelay=3 valign=middle behavior="alternate"> 代码插入
{dede:arclist row=5 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98' typeid='11' } 的前面


<marquee align=center direction=right scrollamount=1.5 scrolldelay=3 valign=middle behavior="alternate">
{dede:arclist row=5 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98' typeid='11' }


第二步:
将</marquee>插入{/dede:arclist}的后面即可实现滚动

即:{/dede:arclist}</marquee>

dede图片横向滚动

<div id=demo style="overflow:hidden; width:960px;" >
<table border=0 align="center" cellpadding=1 cellspacing=1>
<tr><td valign="top" bgcolor="#FFFFFF" id=marquePic1>
<table width='100%' border='0' cellspacing='0'align='center'>

<tr><!--这里的图片暂时是调用:图片中心的[图片太少的话就会滚一下就停了]-->
{dede:arclist row='8' typeid='2' orderby='pubdate' type='image.' imgwidth='125' imgheight='90'}
<td>
<a href="[field:arcurl/]">[field:image/]</a>
</td>
{/dede:arclist}

</tr>

</table>
</td><td id=marquePic2 valign=top></td></tr>
</table>
</div>
<!--滚动图结束-->

<!--滚动图片的js-->
<script type="text/javascript">
var speed=18
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>

回复

使用道具 举报

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

本版积分规则

QQ|民间故事|新华字典|周公解梦|实用工具|加密解密|便民服务|盼盼工具箱|闹钟|默笙工具箱|易经风水|Archiver|手机版|小黑屋|盼盼资源网

GMT+8, 2022-5-26 03:56 , Processed in 0.220041 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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