找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 174|回复: 0

[cms教程] 织梦dedecms用CSS做滑动效果的图片

[复制链接]

该用户从未签到

发表于 2020-6-1 08:56:08 | 显示全部楼层 |阅读模式

您需要 登录 才可以下载或查看,没有账号?立即注册

×
用CSS做滑动效果的图片的代码如下(这样做好的好处是 避免了使用FLASH  降低织梦dedecms网页体积 对SEO优化 比较好
        缺点: 效果上和FLASH 没发比):
         
        #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;  
          }  
         
         
       
        [*,[url=,
       
[img][/img]
[/url]
        [*,[url=,
       
[img][/img]
[/url]
        [*,[url=,
       
[img][/img]
[/url]
        [*,[url=,
       
[img][/img]
[/url]
        [*,[url=,
       
[img][/img]
[/url]
        [*,[url=,
       
  
         
        最后要在织梦模板[/url]中调用这个,请注意DEDE 缩略图调用代码为:
        {dede:arclist row=10 titlelen=24 orderby=pubdate typeid=1 imgwidth='90' imgheight='90' type='all.'}
              [*, [field:imglink/,
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-11-7 16:57

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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