在DEDECMS 3.1lit里實現(xiàn)幻燈片效果(區(qū)別于官方，增添了選擇按鈕)_DedeCms教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      
<style type="text/css">
      <!--
      /********焦點圖*********/
      /*圖片層*/
      #pic_layer{ position:absolute; z-index:1; width:325px; height:225px; overflow:hidden;}
      /*焦點文字*/
      #f_text{width:250px; height:23px;line-height:23px; font-weight:bold; overflow:hidden; 

      float:left;filter:dropshadow(color=#EEEEEC,offx=1,offy=1);}
      /*按鈕*/
      #f_button_num{ width:72px;height:23px; padding-top:2px; overflow:hidden; float:right;}
      .f_button_on{width:17px; height:17px; margin-left:1px; float:right; background:url

      ([img]http://www.pclady.com.cn/images/06/06index2_button.gif[/img]); overflow:hidden; text-

      align:center; color:#fff; font-weight:bold; line-height:17px; cursor:pointer !important; 

      cursor:hand;}
      .f_button_off{width:17px;height:17px; margin-left:1px;float:right;overflow:hidden;text-

      align:center;color:#000;font-weight:bold;line-height:17px;cursor:pointer !important; 

      cursor:hand;}
      /*字size*/
      .f12b{font-size:12px;font-weight:bolder;}
      .f16b{font-size:16px;font-weight:bolder;}
      /*顏色*/
      .c1{color:#565656;}
      .c2{color:#9D499A;}
      .c3{color:#fff;}
      .c4{color:#4E3C29;}
      .c5{color:#FF7E00;}
      .c6{color:#6B6866;}
      .c7{color:#AE8300;}
      .c8{color:#DE108C;}
      .c9{color:#BD2A63;}
      .c10{color:#464646;}
      /**** 圖片外誆 ****/ .sp_pic img{border:#FFF 4px solid;} 
      /*切換2*/
      #line_lay{width:559px; height:190px;overflow:hidden; float:right;}
      #line_lay .title{width:24px;height:190px; float:left;margin-left:1px;cursor:hand; font-

      weight:bold; text-align:center; padding-top:25px;line-height:16px;}
      #line_lay .line_content{ width:360px; height:190px; margin-

      left:1px;display:none;float:left; background:#D3D3D3;}
      #line_lay #line1{width:68px;height:190px;cursor:hand;background: url

      ([img]http://www.pclady.com.cn/images/06/06index2__36.jpg[/img]);}
      #line2{background: #E0CEE2 url([img]http://www.pclady.com.cn/images/06/06index2__38.gif[/img]) no-

      repeat top; color:#9E01B1;}
      #line3{background: #ECE0C1 url([img]http://www.pclady.com.cn/images/06/06index2__47.gif[/img]) no-

      repeat top; color:#B88A16;}
      #line4{background: #EAC6D4 url([img]http://www.pclady.com.cn/images/06/06index2__43.gif[/img]) no-

      repeat top; color:#C3356D;}
      #line5{background: #C5DBE6 url([img]http://www.pclady.com.cn/images/06/06index2__45.gif[/img]) no-

      repeat top; color:#006BBE;}
      #line6{background: #F2E2C7 url([img]http://www.pclady.com.cn/images/06/06index2__47.gif[/img]) no-

      repeat top; color:#FF9600;}
      /*line_point*/
      .lp{ width:98%; height:1px; overflow:hidden;border-bottom:1px #7F7F7F dashed; }
      -->
      </style>





      <table height="240" border="0" cellpadding="0" cellspacing="0" style="margin-top:1px;">
      <tr>
        <td width="5" bgcolor="#A1A1A1"></td>


      查看更多 DedeCms教程  織夢模板  織夢DedeCms視頻教程  織夢dedecms專題
      

      共4頁上一頁1234下一頁
      


      來源：模板無憂//所屬分類：DedeCms教程/更新時間：2007-01-28


      


      



      


      



      相關(guān)DedeCms教程：