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

muban大师

用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/]