Đang chuẩn bị nút TẢI XUỐNG, xin hãy chờ
Tải xuống
Không sài flash. vẫn javascript + css + html theo bài học đổ dữ liệu từ database vào sẽ có được 1 phần giới thiệu ấn tượng Demo : http://hoangth.webdoanhnghiep.org/2/ Bước 1 : CSS - Copy đoạn code sau dán vào thẻ head PHP Code: html { overflow: hidden; } body { position: absolute; margin: 0px; padding: 0px; background: #111; width: 100%; height: 100%; } #center { position: absolute; left: 50%; top: 50%; } #slider { position: absolute; width: 820px; height: 333px; left: -430px; top: -186px; overflow: hidden; background: #000; border: 20px solid #000; } #slider .slide { position: absolute;. | Không sài flash. vẫn javascript css html theo bài học đổ dữ liệu từ database vào sẽ có được 1 phần giới thiệu ấn tượng Demo http hoangth.webdoanhnghiep.Org 2 Bước 1 CSS - Copy đoạn code sau dán vào thẻ head PHP Code style type text css html overflow hidden body position absolute margin 0px padding 0px background 111 width 100 height 100 center position absolute left 50 top 50 slider position absolute width 820px height 333px left -430px top -186px overflow hidden background 000 border 20px solid 000 slider .slide position absolute top 0px height 333px width 500px background 000 overflow hidden border-left 000 solid 1px cursor default slider .title color F80 font-weight bold font-size 1.2em margin-right 1.5em text-decoration none slider .backgroundText position absolute width 100 height 100 top 100 background 000 filter alpha opacity 40 opacity 0.4 slider .text position absolute top 1 top 100 color FFF font-family verdana arial Helvetica sans-serif font-size 0.9em text-align justify width 470px left 10px slider .diapo position absolute filter alpha opacity 100 opacity 1 visibility hidden style Bước 2 Javascript - Copy đoạn code sau dán vào thẻ head PHP Code script type text javascript slider nameSpace var slider function private methods function getElementsByClass object tag className var o object.getElementsByTagName tag for var i 0 n o.length ret i n i if o i .className className ret.push o i if ret.length 1 ret ret 0 return ret function setOpacity obj o if obj.filters obj.filters.alpha.opacity Math.round o else obj.style.opacity o 100 Slider Constructor function Slider oCont speed iW iH oP this.slides this.over false this.S this.S0 speed this.iW iW this.iH iH this.oP oP this.oc document.getElementByld oCont this.frm getElementsByClass this.oc div slide this.NF this.frm.length this.resize for var i 0 i this.NF i this.slides i new Slide this this.oc.parent this this.view this.slides 0 this.Z this.mx on mouse out event this.oc.onmouseout function .
