织梦DEDE用CSS做滑动成效的图片
用CSS做滑动成效的图片的代码如下(这样做好有哪些好处是 防止了采用FLASH 减少织梦DEDE网页体积 对网站排名优化 更好缺点: 成效上和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 id="galleryh"><li><a href="#nogo"><img src="http://www.jiangyoumei.com/uploads/allimg/c100602/12K4V3cT0-22A8_lit.jpg" alt="#1" title="#1" /></a></li><li><a href="#nogo"><img src="http://www.jiangyoumei.com/uploads/allimg/c100602/12K4V39C40-13258_lit.jpg" alt="#2" title="#2" /></a></li><li><a href="#nogo"><img src="http://www.jiangyoumei.com/uploads/allimg/c100602/12K4V3T10-1Y12_lit.jpg" alt="#3" title="#3" /></a></li><li><a href="#nogo"><img src="http://www.jiangyoumei.com/uploads/allimg/100602/21562L154-0-lp.jpg" alt="#4" title="#4" /></a></li><li><a href="#nogo"><img src="http://www.jiangyoumei.com/uploads/allimg/c100605/12KJ1150S0-15596_lit.jpg" alt="#5" title="#5" /></a></li><li><a href="#nogo"></ul> 最后要在DEDE模板中调用这个,请注意DEDE 缩略图调用代码为:{dede:arclist row=10 titlelen=24 orderby=pubdate typeid=1 imgwidth='90' imgheight='90' type='all.'} <li> [field:imglink/] </li>
希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
►本文网址:http://www.jiangyoumei.com/jiaocheng/jiqiao/20200603/7185.html
►凡本站提供教程均已验证教程的准确性。
►为提高用户在织梦后台添加栏目的灵活性(可随意添加/删除栏目),并保持(管理后台添加/删除栏目)与前端网站栏目的一致,本站模板中栏目均未固定,用户直接搜索typeid=''并替换''中的数字为所需栏目id即可。
►本站提供各种类型织梦模板!希望在这里找到喜欢的。下载本站模板,用户直接替换相关文字和图片即可。
►本站仅提供织梦模板即(DEDE模板),(除另外说明)均不带织梦安装程序及数据,用户直接覆盖默认模板即可。
►本站所有资源(包括源码、模板、插件等)仅供学习与参考,请勿用于商业用途。
►如有其他问题,请加网站客服QQ(375750496)进行交流。
- 织梦DEDEautoindex怎么使用举例说明
- 织梦CMS在channel中不可以采用limit的解决方法
- 酱油妹网站浅析织梦DEDE采用心得
- 织梦DEDE教材:修改上一篇、下一篇文字字数的办
- 织梦DEDE教材:不显示未审核文档的TAG的办法
- 织梦DEDEDedeCMS V5.7删除后台登陆界面广告位的办法
- 织梦DEDE自动提取关键词没办法关闭的解决办法
- 织梦:flink标签支持limit属性的办法
- 织梦DEDE教材:图集上传图片水印无效的解决办法
- 织梦DEDE"DedeCMS 提示信息!"的修改办法
- 织梦DEDE教材:容易达成防采集的办法
- dede达成嵌套li加currentstyle的二级菜单