[技术]无js纯html实现图片滚动字幕图文轮播代码

 2015-07-24 18:46:32   评论   2,809次浏览

html中滚动代码都是通过marquee实现的,这里我们来书写一段不用js实现的图文滚动代码。

 

<marquee scrollAmount=2 width=740 >
<table border="0" cellspacing="10" cellpadding="0">
<tbody><tr align="center">
<?php if (have_posts()) : ?>
<?php query_posts('cat=1' . $mcatID. '&caller_get_posts=1&showposts=4'); ?>
<?php while (have_posts()) : the_post(); ?>

<td class="scrollpic">
<?php if(function_exists('wp_thumbnails_for_homepage')) { wp_thumbnails_for_homepage(); } ?>
<br /><p style="margin-top:150px;width:155px;"><a style="width:100%;" href="<?php the_permalink() ?>" ><?php the_title(); ?></a></p>
</td>

<?php endwhile;?>
<?php else : ?>
<?php endif; ?>

</tr>
</tbody></table>
</marquee>

 

这样,我们植入相应的php函数,就可以对应实现图文滚动了。

蚂蚁森林为我浇水吧!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: