Thông tin tài liệu
Bước 2 : Định dạng CSS . bạn copy rồi cho dô thẻ head luôn PHP Code: <style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #000; width: 100%; height: 100%; } #imageFlow { position: absolute; width: 100%; height: 80%; left: 0%; top: 10%; background: #000; } #imageFlow .diapo { position: absolute; left: -1000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; } #imageFlow .link { border: dotted #fff 1px; margin-left: -1px; margin-bottom: -1px; } #imageFlow .bank { visibility: hidden; } #imageFlow .top { position: absolute; width: 100%; height: 40%; background: #181818; } #imageFlow .text { position: absolute; left: 0px; width: 100%; bottom: 16%; text-align: center; color: #FFF; font-family: verdana, arial, Helvetica, sans-serif; z-index: 1000; } #imageFlow .title { font-size: 0.9em; font-weight: bold; } #imageFlow .legend { font-size: 0.8em; } #imageFlow .scrollbar { position: absolute; left: 10%; bottom: 10%; width: 80%; height: 16px; z-index: 1000; } #imageFlow .track { position: absolute; left: 1%; width: 98%; height: 16px; filter: alpha(opacity=30); opacity: 0.3; } #imageFlow .arrow-left { position: absolute; } #imageFlow .arrow-right { position: absolute; right: 0px; } #imageFlow .bar { position: absolute; height: 16px; left: 25px; } </style> Bước 3 : Cái này là phần còn lại cho vào thẻ body PHP Code: <body> <div id="imageFlow"> <div class="top"></div> <div class="bank"> <a rel="ct37.jpg" title="Myselves" href="http://www.des ign-studio.cn/">My identity lies in not knowing who I am</a> <a rel="ct60.jpg" title="Discoveries" href="http://www. design-studio.cn/"> .are made by not following instructions</a> <a rel="sf53.jpg" title="Nothing" href="http://www.desi gn-studio.cn/"> .can come between us</a> <a rel="sf48.jpg" title="New life" href="http://www.des ign-studio.cn/">Here you come!</a> <a rel="ct81.jpg" title="Optimists" href="http://www.de sign-studio.cn/">They don't know all the facts yet</a> <a rel="ct134.jpg" title="Empathy" href="http://www.des ign-studio.cn/">Emotional intimacy</a> <a rel="ct41.jpg" title="Much work" href="http://www.de sign- studio.cn/"> .remains to be done before we can announce our total failure to make any progress</a> <a rel="ct75.jpg" title="System error" href="http://www .design-studio.cn/">Errare Programma Est</a> <a rel="bl201.jpg" title="Nonexistance" href="http://ww w.design-studio.cn/">There's no such thing</a> <a rel="ct137.jpg" title="Inside" href="http://www.desi gn- studio.cn/">I’m now trapped, without hope of escape or rescue</a> <a rel="ct65.jpg" title="E- Slaves" href="http://www.design-studio.cn/">The World is flat</a> <a rel="or105.jpg" title="l0v3" href="http://www.design -studio.cn/">1 l0v3 j00 - f0r3v3r</a> <a rel="ct139.jpg" title="T minus zero" href="http://ww w.design- studio.cn/">111 111 111 x 111 111 111 = 12345678987654321</a> <a rel="ct27.jpg" title="The End" href="http://www.desi gn-studio.cn/"> .has not been written yet</a> </div> <div class="text"> <div class="title">Loading</div> <div class="legend">Please wait .</div> </div> <div class="scrollbar"> <img class="track" src="sb.gif" alt=""> <img class="arrow-left" src="sl.gif" alt=""> <img class="arrow-right" src="sr.gif" alt=""> <img class="bar" src="sc.gif" alt=""> </div> </div> <div class="bank"> <a rel="ct37.jpg" title="Myselves" href="http://www.design-studio.cn/">My identity lies in not knowing who I am</a> </div> Bạn có thể thay đổi nội dung hình ảnh bên trong tag <div class="bank"> . </div> Để lấy dữ liệu động vào . thì chỉ việc thay <----// cho lặp khúc này nhé <a rel="ct37.jpg" title="Myselves" href="http://www.design-studio.co/">My identity lies in not knowing who I am</a> --//> . not knowing who I am</a> </div> Bạn có thể thay đổi nội dung hình ảnh bên trong tag <div class="bank"> . </div> Để lấy
Ngày đăng: 24/10/2013, 10:15
Xem thêm: Trình diễn ảnh kute(bước 2)
