请选择 进入手机版 | 继续访问电脑版

 

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 6|回复: 0

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

[复制链接]
个人成绩
14836
14950
5610
主题
帖子
积分

等级头衔

等级:论坛元老

积分成就    金钱 : 29874 枚
   威望 : 31 值
   贡献 : 5578 值
   精华 : 1
   猫币 : 0 枚
   违规 : 0 次
  
广告
永久主机
  
广告
广告申请

建工伟业

最佳新人活跃会员热心会员突出贡献论坛元老

联络方式
发表于 2020-6-13 06:25:05 | 显示全部楼层 |阅读模式
用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/]
  • 您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|猫先森网络有限公司 ( 琼ICP备19003696号-1 )|网站地图|京公网安备46010502000339号

    GMT+8, 2020-7-2 16:32 , Processed in 0.131323 second(s), 42 queries .

    Powered by 红包群

    © 2018-2020 Comsenz Inc. Designed by Www.Mxswl.Com

    注:资源收集于网络,只做学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除,若作商业用途,由于未及时购买和付费发生的侵权行为,与本站无关。
    快速回复 返回顶部 返回列表