織夢dedecms用CSS做滑動效果的圖片
來源：本站原創(chuàng)|時間：2021-08-05|欄目：dedecms|點擊： 次
用CSS做滑動效果的圖片的代碼如下（這樣做好的好處是 避免了使用FLASH 降低織夢dedecms網(wǎng)頁體積 對SEO優(yōu)化 比較好
缺點: 效果上和FLASH 沒發(fā)比）:
<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 id="galleryh">
<li><a href="#nogo">
<img src="http://www.zuimoban.com/uploads/allimg/c100602/12K4V3cT0-22A8_lit.jpg" alt="#1" title="#1" /></a></li>
<li><a href="#nogo">
<img src="http://www.zuimoban.com/uploads/allimg/c100602/12K4V39C40-13258_lit.jpg" alt="#2" title="#2" /></a></li>
<li><a href="#nogo">
<img src="http://www.zuimoban.com/uploads/allimg/c100602/12K4V3T10-1Y12_lit.jpg" alt="#3" title="#3" /></a></li>
<li><a href="#nogo">
<img src="http://www.zuimoban.com/uploads/allimg/100602/21562L154-0-lp.jpg" alt="#4" title="#4" /></a></li>
<li><a href="#nogo">
<img src="http://www.zuimoban.com/uploads/allimg/c100605/12KJ1150S0-15596_lit.jpg" alt="#5" title="#5" /></a></li>
<li><a href="#nogo">
</ul>
最后要在織夢模板中調(diào)用這個，請注意DEDE 縮略圖調(diào)用代碼為：
{dede:arclist row=10 titlelen=24 orderby=pubdate typeid=1 imgwidth='90' imgheight='90' type='all.'}
<li> [field:imglink/]
</li>
上一篇：織夢likearticle相關(guān)文檔標簽調(diào)用附加自定義字段
欄 目：dedecms
下一篇：如何實現(xiàn)織夢dedecms會員登陸后就不顯示廣告
本文地址：http://www.jygsgssxh.com/a1/dedecms/15455.html
您可能感興趣的文章
- 08-05dede:channel currentstyle 失效問題，調(diào)用子級欄目后就無效
- 08-05Dedecms文件目錄結(jié)構(gòu)解說（能知道織夢每個文件有什么用）
- 08-05Dedecms5.7版ckeditor網(wǎng)頁編輯器添加中文字體
- 08-05織夢DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05織夢模板如何添加和調(diào)用自定義字段的方法
- 08-05DedeCMS后臺模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問題{dede:img ...}解決方法
- 08-05織夢DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢會員每天投稿數(shù)量方法
- 08-05常用的織夢dedecms安全設(shè)置集合整理
