社区首页 › 教程资源 › 织梦dedecms用CSS做滑动效果的图片

muban大师 发表于 2020-6-1 08:56:08

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

用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=,
       


        [*,[url=,
       


        [*,[url=,
       


        [*,[url=,
       


        [*,[url=,
       


        [*,[url=,
       
       
        最后要在织梦模板中调用这个，请注意DEDE 缩略图调用代码为：
        {dede:arclist row=10 titlelen=24 orderby=pubdate typeid=1 imgwidth='90' imgheight='90' type='all.'}
              [*,

查看完整版本: 织梦dedecms用CSS做滑动效果的图片