首页 > 织梦学院 > 织梦技巧 >

织梦dedecms用CSS做滑动效果的图片

相关案例演示

用CSS做滑动效果的图片的代码如下（这样做好的好处是避免了使用FLASH 降低织梦dedecms网页体积对SEO优化比较好

缺点: 效果上和FLASH 没发比）:

<style>

#galleryh {

padding:0;

margin:0 auto 5em auto;

list-style-type:none;

overflow:hidden;

width:495px;

height:240px;

border:1px solid #888;

background:#fff url(/imagelist/06/24/o9642o826u4n.gif);

}

#galleryh li {

float:left;

}

#galleryh li a {

display:block;

height:240px;

width:28px;

float:left;

text-decoration:none;

border-right:1px solid #fff;

cursor:default;

}

#galleryh li a img {

width:28px;

height:240px;

border:0;

}

#galleryh li a:hover {

background:#eee;

width:320px;

}

#galleryh li a:hover img {

width:320px;

}

</style>

</ul>

最后要在织梦模板中调用这个，请注意DEDE 缩略图调用代码为：

{dede:arclist row=10 titlelen=24 orderby=pubdate typeid=1 imgwidth='90' imgheight='90' type='all.'}

<li> [field:imglink/]

</li>

上一篇：DEDECMS实现“暂无相关文档”的方法

下一篇：仿网易娱乐焦点flash幻灯+dede调用方法

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

来源：网友投稿关注：时间：2020-06-01 08:42

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ进行交流。