首页 >

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

用CSS做滑动效果的图片的代码如下(这样做好的好处是 避免了使用FLASH 降低织梦DedeCMS网页体积 对SEO优化 比较好

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

缺点: 效果上和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.jpg);

}

#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;

}

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

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

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

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

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

最后要在织梦Dedecms模板中调用这个,请注意DEDE 缩略图调用代码为:

{dede:arclist row=10 titlelen=24 orderby=pubdate typeid=1 imgwidth=’90’ imgheight=’90’ type=’all.’}

  • [field:imglink/]



  • 织梦DedeCMS用CSS做滑动效果的图片
  • 织梦DedeCMS文档副栏目使用说明
  • 织梦DedeCMS文档副栏目使用说明 | 织梦DedeCMS文档副栏目使用说明 ...

    织梦DedeCMS用CSS做滑动效果的图片
  • Dede学习:删除自带的织梦DedeCMS友情链接
  • Dede学习:删除自带的织梦DedeCMS友情链接 | Dede学习:删除自带的织梦DedeCMS友情链接 ...

    织梦DedeCMS用CSS做滑动效果的图片
  • 织梦DedeCMS后台文章列表中显示自定义字段
  • 织梦DedeCMS后台文章列表中显示自定义字段 | 织梦DedeCMS后台文章列表中显示自定义字段 ...