[Thắc mắc]làm trang chủ flash

by **qthanhhp** 22/7/2010, 11:18 am

ai giúp mình làm cái này với

by **nhocbui352012790** 1/8/2010, 2:51 pm

qthanhhp đã viết:ai giúp mình làm cái này với

bạn muốn làm trang chủ flash thế nào. loading hay index flash.
Loading thì đây bạn sửa lại nha

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>.:: [C3zOnE] 12c3 Family ::.</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE>BODY { SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-IMAGE: url(http://www.webng.com/kalenv/h/3b/bg10.jpg); MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #bcc7c7; SCROLLBAR-SHADOW-COLOR: #bcc7c7; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #bcc7c7; SCROLLBAR-TRACK-COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff } </STYLE> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY> <p></p> <P align=center><BR><FONT style="FONT-SIZE: 35pt" face="Comic Sans MS" color=#ff9944><B> -=[ 12A3 Family ]=- </B></FONT> <BR> <TABLE width=650 align=center valign="top"> <TBODY> <TR> <TD vAlign=top align=right height=40><FONT face=tahoma color=backred size=4><B>Diễn đàn Lớp 12A3 - THPT Bình Thạnh Đông </B></FONT></TD></TR></TBODY></TABLE><BR> <TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" width="65%" border=1> <TBODY> <TR> <TD style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none" align=middle width="25%"><A onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://diendan12a3.forum-viet.net/index.html);" href="http://diendan12a3.forum-viet.net/portal.htm"><IMG height=90 src="http://www.webng.com/kalenv/h/3b/home.gif" width=80 border=0></A></TD> <TD style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none" align=middle width="25%"><A href="/forum-f10/" target=_blank><IMG src="http://www.webng.com/kalenv/h/3b/logo.gif" border=0></A></TD> <TD style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none" align=middle width="25%"><A onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://diendan12a3.forum-viet.net/index.html');" href="forum.htm" target=_blank><IMG height=90 src="http://www.webng.com/kalenv/h/3b/4rum.jpg" width=80 border=0></A></TD></TR></TBODY></TABLE> <P align=center><FONT color=#00ccff><BR></FONT><FONT color=#99cc00> <A href="http://diendan12a3.forum-viet.net/profile.forum?mode=register" target=_blank><IMG src="http://i405.photobucket.com/albums/pp140/LLLLL/reg.jpg" border=0></A><BR> <form name="loading"> <div align="center"> <p><input type="text" style="border-style: none; padding: 0px; font-family: Arial; font-size: 15px; font-weight: bolder; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);" size="46" name="chart" /> <br /> <input type="text" style="border-style: none; padding: 0px; font-family: Tahoma; font-size: 15px; font-weight: bolder; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); text-align: center;" name="percent" /> <script> var bar = 0 var line = "||" var amount ="||" count() function count(){ bar= bar+2 amount =amount + line document.loading.chart.value=amount document.loading.percent.value=bar+"%" if (bar<100) {setTimeout("count()",200);} else {window.location = "/portal.htm";} }</script></p> <p align="center"><font face="Tahoma" size="3"><font color="#e700ff">Hệ thống đang tự động đưa bạn vào Trang chủ...</font><BR> <font face="Arial" size="4">Click vào 1 biểu tượng nếu không muốn đợi lâu...</font></p> </div> </form> <BR><BR><br><center><B><FONT fade=tahoma color=black>.•:: Copyright <A href="http://www.forumotion.com/" target=_blank>©</a> 2008 - 2010 12A3 Forum – By Mr.Min ::•. </FONT></B></center> <LINK href="http://i44.servimg.com/u/f44/11/94/25/04/subfor11.gif" rel=icon></p></FONT></BODY></HTML> <a href="http://www.forum-viet.com" target="_blank">forum-viet.com</a>

Trang chủ khác ( hiển thị tốt trên ffox thui nha )

Code:: <head> <title>:: 12A3 Fourm :: Diễn Đàn Dành Cho Mọi Học Sinh :: </title> <meta name="keywords" content=""> <meta name="description" content=""> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">  </style><td> </table> <meta http-equiv="imagetoolbar" content="no"> <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> <script type="text/javascript"> var imf = function () { var lf = 0; var instances = []; 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 addEvent (o, e, f) { if (window.addEventListener) o.addEventListener(e, f, false); else if (window.attachEvent) r = o.attachEvent('on' + e, f); } function createReflexion (cont, img) { var flx = false; if (document.createElement("canvas").getContext) { flx = document.createElement("canvas"); flx.width = img.width; flx.height = img.height; var context = flx.getContext("2d"); context.translate(0, img.height); context.scale(1, -1); context.drawImage(img, 0, 0, img.width, img.height); context.globalCompositeOperation = "destination-out"; var gradient = context.createLinearGradient(0, 0, 0, img.height * 2); gradient.addColorStop(1, "rgba(255, 255, 255, 0)"); gradient.addColorStop(0, "rgba(255, 255, 255, 1)"); context.fillStyle = gradient; context.fillRect(0, 0, img.width, img.height * 2); } else { /* ---- DXImageTransform ---- */ flx = document.createElement('img'); flx.src = img.src; flx.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(' + 'opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=' + (img.height * .25) + ')'; } /* ---- insert Reflexion ---- */ flx.style.position = 'absolute'; flx.style.left = '-1000px'; cont.appendChild(flx); return flx; } /* //////////// ==== ImageFlow Constructor ==== //////////// */ function ImageFlow(oCont, size, zoom, border) { this.diapos = []; this.scr = false; this.size = size; this.zoom = zoom; this.bdw = border; this.oCont = oCont; this.oc = document.getElementById(oCont); this.scrollbar = getElementsByClass(this.oc, 'div', 'scrollbar'); this.text = getElementsByClass(this.oc, 'div', 'text'); this.title = getElementsByClass(this.text, 'div', 'title'); this.legend = getElementsByClass(this.text, 'div', 'legend'); this.bar = getElementsByClass(this.oc, 'img', 'bar'); this.arL = getElementsByClass(this.oc, 'img', 'arrow-left'); this.arR = getElementsByClass(this.oc, 'img', 'arrow-right'); this.bw = this.bar.width; this.alw = this.arL.width - 5; this.arw = this.arR.width - 5; this.bar.parent = this.oc.parent = this; this.arL.parent = this.arR.parent = this; this.view = this.back = -1; this.resize(); this.oc.onselectstart = function () { return false; } /* ---- create images ---- */ var img = getElementsByClass(this.oc, 'div', 'bank').getElementsByTagName('a'); this.NF = img.length; for (var i = 0, o; o = img[i]; i++) { this.diapos[i] = new Diapo(this, i, o.rel, o.title || '- ' + i + ' -', o.innerHTML || o.rel, o.href || '', o.target || '_self' ); } /* ==== add mouse wheel events ==== */ if (window.addEventListener) this.oc.addEventListener('DOMMouseScroll', function(e) { this.parent.scroll(-e.detail); }, false); else this.oc.onmousewheel = function () { this.parent.scroll(event.wheelDelta); } /* ==== scrollbar drag N drop ==== */ this.bar.onmousedown = function (e) { if (!e) e = window.event; var scl = e.screenX - this.offsetLeft; var self = this.parent; /* ---- move bar ---- */ this.parent.oc.onmousemove = function (e) { if (!e) e = window.event; self.bar.style.left = Math.round(Math.min((self.ws - self.arw - self.bw), Math.max(self.alw, e.screenX - scl))) + 'px'; self.view = Math.round(((e.screenX - scl) ) / (self.ws - self.alw - self.arw - self.bw) * self.NF); if (self.view != self.back) self.calc(); return false; } /* ---- release scrollbar ---- */ this.parent.oc.onmouseup = function (e) { self.oc.onmousemove = null; return false; } return false; } /* ==== right arrow ==== */ this.arR.onclick = this.arR.ondblclick = function () { if (this.parent.view < this.parent.NF - 1) this.parent.calc(1); } /* ==== Left arrow ==== */ this.arL.onclick = this.arL.ondblclick = function () { if (this.parent.view > 0) this.parent.calc(-1); } } /* //////////// ==== ImageFlow prototype ==== //////////// */ ImageFlow.prototype = { /* ==== targets ==== */ calc : function (inc) { if (inc) this.view += inc; var tw = 0; var lw = 0; var o = this.diapos[this.view]; if (o && o.loaded) { /* ---- reset ---- */ var ob = this.diapos[this.back]; if (ob && ob != o) { ob.img.className = 'diapo'; ob.z1 = 1; } /* ---- update legend ---- */ this.title.replaceChild(document.createTextNode(o.title), this.title.firstChild); this.legend.replaceChild(document.createTextNode(o.text), this.legend.firstChild); /* ---- update hyperlink ---- */ if (o.url) { o.img.className = 'diapo link'; window.status = 'hyperlink: ' + o.url; } else { o.img.className = 'diapo'; window.status = ''; } /* ---- calculate target sizes & positions ---- */ o.w1 = Math.min(o.iw, this.wh * .5) * o.z1; var x0 = o.x1 = (this.wh * .5) - (o.w1 * .5); var x = x0 + o.w1 + this.bdw; for (var i = this.view + 1, o; o = this.diapos[i]; i++) { if (o.loaded) { o.x1 = x; o.w1 = (this.ht / o.r) * this.size; x += o.w1 + this.bdw; tw += o.w1 + this.bdw; } } x = x0 - this.bdw; for (var i = this.view - 1, o; o = this.diapos[i]; i--) { if (o.loaded) { o.w1 = (this.ht / o.r) * this.size; o.x1 = x - o.w1; x -= o.w1 + this.bdw; tw += o.w1 + this.bdw; lw += o.w1 + this.bdw; } } /* ---- move scrollbar ---- */ if (!this.scr && tw) { var r = (this.ws - this.alw - this.arw - this.bw) / tw; this.bar.style.left = Math.round(this.alw + lw * r) + 'px'; } /* ---- save preview view ---- */ this.back = this.view; } }, /* ==== mousewheel scrolling ==== */ scroll : function (sc) { if (sc < 0) { if (this.view < this.NF - 1) this.calc(1); } else { if (this.view > 0) this.calc(-1); } }, /* ==== resize ==== */ resize : function () { this.wh = this.oc.clientWidth; this.ht = this.oc.clientHeight; this.ws = this.scrollbar.offsetWidth; this.calc(); this.run(true); }, /* ==== move all images ==== */ run : function (res) { var i = this.NF; while (i--) this.diapos[i].move(res); } } /* //////////// ==== Diapo Constructor ==== //////////// */ Diapo = function (parent, N, src, title, text, url, target) { this.parent = parent; this.loaded = false; this.title = title; this.text = text; this.url = url; this.target = target; this.N = N; this.img = document.createElement('img'); this.img.src = src; this.img.parent = this; this.img.className = 'diapo'; this.x0 = this.parent.oc.clientWidth; this.x1 = this.x0; this.w0 = 0; this.w1 = 0; this.z1 = 1; this.img.parent = this; this.img.onclick = function() { this.parent.click(); } this.parent.oc.appendChild(this.img); /* ---- display external link ---- */ if (url) { this.img.onmouseover = function () { this.className = 'diapo link'; } this.img.onmouseout = function () { this.className = 'diapo'; } } } /* //////////// ==== Diapo prototype ==== //////////// */ Diapo.prototype = { /* ==== HTML rendering ==== */ move : function (res) { if (this.loaded) { var sx = this.x1 - this.x0; var sw = this.w1 - this.w0; if (Math.abs(sx) > 2 || Math.abs(sw) > 2 || res) { /* ---- paint only when moving ---- */ this.x0 += sx * .1; this.w0 += sw * .1; if (this.x0 < this.parent.wh && this.x0 + this.w0 > 0) { /* ---- paint only visible images ---- */ this.visible = true; var o = this.img.style; var h = this.w0 * this.r; /* ---- diapo ---- */ o.left = Math.round(this.x0) + 'px'; o.bottom = Math.floor(this.parent.ht * .25) + 'px'; o.width = Math.round(this.w0) + 'px'; o.height = Math.round(h) + 'px'; /* ---- reflexion ---- */ if (this.flx) { var o = this.flx.style; o.left = Math.round(this.x0) + 'px'; o.top = Math.ceil(this.parent.ht * .75 + 1) + 'px'; o.width = Math.round(this.w0) + 'px'; o.height = Math.round(h) + 'px'; } } else { /* ---- disable invisible images ---- */ if (this.visible) { this.visible = false; this.img.style.width = '0px'; if (this.flx) this.flx.style.width = '0px'; } } } } else { /* ==== image onload ==== */ if (this.img.complete && this.img.width) { /* ---- get size image ---- */ this.iw = this.img.width; this.ih = this.img.height; this.r = this.ih / this.iw; this.loaded = true; /* ---- create reflexion ---- */ this.flx = createReflexion(this.parent.oc, this.img); if (this.parent.view < 0) this.parent.view = this.N; this.parent.calc(); } } }, /* ==== diapo onclick ==== */ click : function () { if (this.parent.view == this.N) { /* ---- click on zoomed diapo ---- */ if (this.url) { /* ---- open hyperlink ---- */ window.open(this.url, this.target); } else { /* ---- zoom in/out ---- */ this.z1 = this.z1 == 1 ? this.parent.zoom : 1; this.parent.calc(); } } else { /* ---- select diapo ---- */ this.parent.view = this.N; this.parent.calc(); } return false; } } /* //////////// ==== public methods ==== //////////// */ return { /* ==== initialize script ==== */ create : function (div, size, zoom, border) { /* ---- instanciate imageFlow ---- */ var load = function () { var loaded = false; var i = instances.length; while (i--) if (instances[i].oCont == div) loaded = true; if (!loaded) { /* ---- push new imageFlow instance ---- */ instances.push( new ImageFlow(div, size, zoom, border) ); /* ---- init script (once) ---- */ if (!imf.initialized) { imf.initialized = true; /* ---- window resize event ---- */ addEvent(window, 'resize', function () { var i = instances.length; while (i--) instances[i].resize(); }); /* ---- stop drag N drop ---- */ addEvent(document.getElementById(div), 'mouseout', function (e) { if (!e) e = window.event; var tg = e.relatedTarget || e.toElement; if (tg && tg.tagName == 'HTML') { var i = instances.length; while (i--) instances[i].oc.onmousemove = null; } return false; }); /* ---- set interval loop ---- */ setInterval(function () { var i = instances.length; while (i--) instances[i].run(); }, 16); } } } /* ---- window onload event ---- */ addEvent(window, 'load', function () { load(); }); } } }(); /* ==== create imageFlow ==== */ // div ID , size, zoom, border imf.create("imageFlow", 0.15, 1.5, 10); </script> </head> <body bgcolor="#009966"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <center> <font color="white" size=8><strong> ::::: 12A3 Fourm ::::: Tập Thể Vững Mạnh ::::: </font></strong> </center> <td> </table> <div id="imageFlow"> <div class="top"></div> <div class="bank"> <a rel="http://i405.photobucket.com/albums/pp140/LLLLL/trangchu123.jpg" title="Diễn Đàn" href="/index.htm" target="_blank">Click Vào Hình Để Vào Diễn Đàn</a> <a rel="http://i405.photobucket.com/albums/pp140/LLLLL/CNTT123.jpg" title="Diễn Đàn CNTT" href="http://vn-zoom.com "" target="_blank">Click Vào Hình Để Vào Diễn Đàn CNTT</a> <a rel="http://c.upanh.com/uploads/30-Dec-2009/bjq38eayeti5lwe0e5pd.png" title="Tivi Online" href="http://tivitructuyen.net "" target="_blank">Click Vào Hình Để Xem Tivi Online</a> <a rel="http://c.upanh.com/uploads/30-Dec-2009/ac97x8uczgpz0s15cvkg.png" title="Up Ảnh" href="http://photobucket.com "" target="_blank">Click Vào Hình Để Up Ảnh</a> <a rel="http://i405.photobucket.com/albums/pp140/LLLLL/music123.jpg" title="Nghe Nhạc" href="http://mp3.zing.vn "" target="_blank">Click Vào Hình Để Vào Nghe Nhạc</a> <a rel="http://i405.photobucket.com/albums/pp140/LLLLL/karaoke123.jpg" title="Karaoke SanNhac" href="http://sannhac.vn "" target="_blank">Click Vào Hình Để Karaoke Online</a> <a rel=" http://i405.photobucket.com/albums/pp140/LLLLL/quangcaoraova123t.jpg " title="Kênh Mua Bán Trực Tuyến" href="http://123mua.com"" target="_blank">Click Vào Hình Để Vào Rao Vật</a> <a rel=" http://i405.photobucket.com/albums/pp140/LLLLL/gametructuyen.jpg " title="Game Vui " href="http://123mua.com"" target="_blank">Click Vào Hình Chơi Game Online</a> <a rel=" http://i405.photobucket.com/albums/pp140/LLLLL/suckhoe123.jpg" title="Bác Sĩ Cho Mọi Người " href="http://bacsi.com"" target="_blank">Click Vào Hình Để Vào Web BacSi</a> <a rel=" http://i1043.photobucket.com/albums/b436/nhocbui352012790/26.jpg" title="Twitter " href="http://twitter.com"" target="_blank">Click Vào Hình Để Vào Twitter</a> <a rel=" http://i1043.photobucket.com/albums/b436/nhocbui352012790/27.jpg" title="Face Book Online " href="http://facebook.com"" target="_blank">Click Vào Hình Để Vào FaceBook</a> <a rel=" http://i1043.photobucket.com/albums/b436/nhocbui352012790/28.jpg" title="Dịch Thuật Trực Tuyến " href="http://translate.google.com"" target="_blank">Click Vào Hình Để Vào DTTT</a> <a rel=" http://i1043.photobucket.com/albums/b436/nhocbui352012790/31.jpg" title="Chuyên Báo Tuổi Trẻ Cười " href="http://tuoitrecuoi.com"" target="_blank">Click Vào Hình Để Vào TuoiTreCuoi</a> </div> <div class="text"> <div class="title">Loading</div> <div class="legend">Please wait...</div> </div> <div class="scrollbar"> <img class="track" src="http://i471.photobucket.com/albums/rr77/nh0c_tj21/sb.gif" alt=""> <img class="arrow-left" src="http://i471.photobucket.com/albums/rr77/nh0c_tj21/sl.gif" alt=""> <img class="arrow-right" src="http://i471.photobucket.com/albums/rr77/nh0c_tj21/sr.gif" alt=""> <img class="bar" src="http://i471.photobucket.com/albums/rr77/nh0c_tj21/sc.gif" alt=""> </div> </div> </body> <center> <embed src="http://static.mp3.zing.vn/skins/gentle/flash/mp3player.swf?xmlURL=http://mp3.zing.vn/play/?pid=IW6U9AIO||4&songID=0&_mp3=&autoplay=true&wmode=transparent" quality="high" wmode="transparent" type="application/x-shockwave-flash" height="1" width="1"> <a href="http://www.forum-viet.net" target="_blank">forum-viet.net</a> <a href="http://www.forum-viet.com" target="_blank">forum-viet.com</a>

[Thắc mắc]làm trang chủ flash

[Thắc mắc]làm trang chủ flash

Re: [Thắc mắc]làm trang chủ flash