網(wǎng)站上有焦點(diǎn)幻燈片可以讓整個(gè)網(wǎng)站動(dòng)感十足，我們?cè)趯W(xué)習(xí)論壇網(wǎng)站制作教程時(shí)，也可以自己去制作焦點(diǎn)幻燈片，讓自己的網(wǎng)站上擁有自己喜歡的焦點(diǎn)幻燈片效果。

更多js焦點(diǎn)輪換圖代碼可以看這里：https://www.xuewangzhan.com/topic/flash/

discuz論壇制作焦點(diǎn)幻燈片的步驟

1. 在網(wǎng)站顯示幻燈片的位置放入以下的HTML代碼；
   <div id="focus001">
   ?   <ul>
   ?       <li><a href="/" target="_blank"><img src="/img/01.jpg" alt="jquery特效" /></a></li>
   ?       <li><a href="/" target="_blank"><img src="/img/02.jpg" alt="DIVCSS5" /></a></li>
   ?       <li><a href="/" target="_blank"><img src="/img/03.jpg" alt="點(diǎn)擊左右滾動(dòng)jquery焦點(diǎn)圖特效" /></a></li>
   ?   </ul>
   </div>
2. 在幻燈片所在的頁(yè)面的頂部的HEAD標(biāo)簽中放入以下的CSS樣式代碼，控制幻燈片的顯示樣式；
   /* 以下特效CSS */
   .focus {width:600px; height:280px; margin:0 auto; overflow:hidden; position:relative;}
   .focus ul {height:380px; position:absolute;}
   .focus ul li {float:left; width:600px; height:280px; overflow:hidden; position:relative; background:#000;}
   .focus ul li div {position:absolute; overflow:hidden;}
   .focus .btnBg {position:absolute; width:600px; height:20px; left:0; bottom:0; background:#000; display:none;}
   .focus .btn {position:absolute; width:680px; height:23px; padding:0px 10px 0px 10px; right:0; bottom:6px; text-align:right;}
   .focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
   .focus .btn span.on {background:#fff;}
   .focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
   .focus .pre {left:0;}
   .focus .next {right:0; background-position:right top;}
   </style>
   <script type="text/javascript" src="/js/jquery.min.js"></script>
   <script type="text/javascript" src="/js/sl.js"></script>
   <script type="text/javascript">
       $(document).ready(function(){
           $.focus("#focus001");
       });
   </script>
3. 下載幻燈片的JS文件，然后解壓上傳到自己網(wǎng)站的根目錄下。下載地址：http://pan.baidu.com/s/1gdKl6ld
4. 通過(guò)FTP軟件去替IMG文件夾中的圖片為自己網(wǎng)站的圖片即可。

以上是制作論壇網(wǎng)站幻燈片的方法，其它程序網(wǎng)站的方法可以參考：如何制作網(wǎng)站幻燈片

標(biāo)簽： isp 代碼 網(wǎng)站制作 網(wǎng)站制作教程 制作網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。