nguyenvietxuan88
Tổng số bài gửi : 165 Điểm tích lũy : 4801 Thích : 2 Tham gia : 15/03/2012
| Tiêu đề: (Share) 2 bảng thông báo ứng dụng vào trang chủ Tue Jun 04, 2013 7:19 pm | |
| Mỗi lần có 1 sự kiện gì mới lại thấy mọi người làm 1 trang chủ theo chủ đề đó, cũng hay nhưng mà mất công quá. Theo mình làm 1 trang chủ dùng lâu dài rồi mỗi lần có sự kiện gì mới thì chèn thêm code này vào. - Code:
-
<!--quangcao--> <script language="JavaScript1.2">
isIE=document.all; isNN=!document.all&&document.getElementById; isN4=document.layers; isHot=false;
function ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); hotDog=isIE ? event.srcElement : e.target; while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){ hotDog=isIE ? hotDog.parentElement : hotDog.parentNode; } if (hotDog.id=="titleBar"){ offsetx=isIE ? event.clientX : e.clientX; offsety=isIE ? event.clientY : e.clientY; nowX=parseInt(whichDog.style.left); nowY=parseInt(whichDog.style.top); ddEnabled=true; document.onmousemove=dd; } }
function dd(e){ if (!ddEnabled) return; whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety; return false; }
function ddN4(whatDog){ if (!isN4) return; N4=eval(whatDog); N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); N4.onmousedown=function(e){ N4.captureEvents(Event.MOUSEMOVE); N4x=e.x; N4y=e.y; } N4.onmousemove=function(e){ if (isHot){ N4.moveBy(e.x-N4x,e.y-N4y); return false; } } N4.onmouseup=function(){ N4.releaseEvents(Event.MOUSEMOVE); } }
function hideMe(){ document.getElementById("idflash").style.display="none" if (isIE||isNN) whichDog.style.visibility="hidden"; else if (isN4) document.theLayer.visibility="hide"; }
function showMe(){ document.getElementById("idflash").style.display="block" if (isIE||isNN) whichDog.style.visibility="visible"; else if (isN4) document.theLayer.visibility="show"; }
document.onmousedown=ddInit; document.onmouseup=Function("ddEnabled=false");
</script>
<div id="theLayer" style="position:absolute;width:100%; height:650px; left:0;top:0;visibility:visible; background:url('http://[url=http://www.vn88.com/dj/imagespopup/bg-den.png%27%29;]www.vn88.com/dj/imagespopup/bg-den.png');[/url] ; padding-left:20%; padding-right:0; padding-top:20px; padding-bottom:0"> <table border="0" width="720" cellspacing="0" cellpadding="5"> <tr> <td id="titleBar" style="cursor:move; text-align:right"> <a href="http://vi.wikipedia.org/wiki/Qu%E1%BA%A7n_%C4%91%E1%BA%A3o_Tr%C6%B0%E1%BB%9Dng_Sa " target="_blank"onclick="hideMe();"><font color=#ffffff size=2 face=arial style="text-decoration:none; margin:0 0 0 -20px"> <img src="http://buonqua.org/images/lyr_close1.jpg" border="0" width="70" height="30" /></font></a> </td>
</tr> <tr>
<td width="100%" style="padding:4px"> <a href=" http://[url=http://www.youtube.com/v/-qaiQqUBPkE?version=3&hl=vi_VN]www.youtube.com/v/-qaiQqUBPkE?version=3&hl=vi_VN[/url] " target="_blank"> <img src="http://i28.servimg.com/u/f28/15/18/66/41/qc10.jpg" alt="AOE" name="idflash" id="idflash" border="0" width="720" height="480" /></a> </td> </tr> </table>
</div> </div><div class='clear'></div> <!--end quangcao-->
Demo - Code:
-
http://k12t2.tk/ Cái này mình chôm được ở trang web nào đó quên mất rồi Còn 1 cái nữa cũng ứng dụng vào trang chủ - Code:
-
<div class='widget-content'> <li id="text-6" class="widget widget_text"> <div class="textwidget"> <!--Quang cao--> <style type="text/css"> * html div#fl813691 {position: absolute; overflow:hidden; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} #fl813691{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; right:0; bottom:0; height:150px; } #eb951855{ width:477px; padding-right:7px; background:url(http://giaitriso1.net/imgads/0.4667527_2763_1.gif) no-repeat right top;} #cob263512{background:url(http://giaitriso1.net/imgads/4667526_2763.gif) no-repeat left top; height:150px; padding-left:7px;} #coh963846{color:#690;display:block; height:20px; line-height:20px; font-size:11px; width:472px;} #coh963846 a{color:#690;text-decoration:none;} #coc67178{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;} #coc67178 li{display:inline;} #coc67178 li a{background-image:url(http://giaitriso1.net/imgads/button.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;} #coc67178 li a.close{background-position: 0 0;} #coc67178 li a.close:hover{background-position: 0 -15px;} #coc67178 li a.min{background-position: -30px 0;} #coc67178 li a.min:hover{background-position: -30px -15px;} #coc67178 li a.max{background-position: -60px 0;} #coc67178 li a.max:hover{background-position: -60px -15px;} #co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;} </style>
<div id="fl813691" style="height: 152px;"> <div id="eb951855"> <div id="cob263512"> <div id="coh963846"> <ul id="coc67178"> <li id="pf204652hide"><a href="javascript:pf204652clickhide();">?n</a></li> <li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lên">Xem </a></li> </ul> Thông báo Tin 2 </div> <div id="co453569">
<img src="Http://i1212.photobucket.com/albums/cc453/DannyStone_IT/linh%20tinh/bvl.gif" border="0"><b class="CommentTitle">
<a target="_blank" href="http://[url=http://www.mozilla.com/vi/firefox/%22%3E]www.mozilla.com/vi/firefox/">[/url] Download Firefox 3.6 tại đây</a></b><br> <font face=arial size=2 >Diễn đàn xem tốt nhất ở độ phân giải 1024x768 hoặc lớn hơn và trên trình duyệt Firefox. Các bạn nên dùng trình duyệt FireFox để vào diễn đàn nha </font> <br>
<!-- code ads --> <embed src="http://[url=http://www.crazyprofile.com/Toy_cat/maukie.swf%22]www.crazyprofile.com/Toy_cat/maukie.swf"[/url] wmode="transparent" height="120" width="480"/>
<!-- code ads --> </embed></div> </div></div></div> <script> pf204652bottomLayer = document.getElementById('fl813691'); var pf204652IntervalId = 0; var pf204652maxHeight = 150;//Chieu cao khung quang cao var pf204652minHeight = 20; var pf204652curHeight = 0; function pf204652show( ){ pf204652curHeight += 2; if (pf204652curHeight > pf204652maxHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } function pf204652hide( ){ pf204652curHeight -= 3; if (pf204652curHeight < pf204652minHeight){ clearInterval ( pf204652IntervalId ); } pf204652bottomLayer.style.height = pf204652curHeight+'px'; } pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); function pf204652clickhide(){ document.getElementById('pf204652hide').style.display='none'; document.getElementById('pf204652show').style.display='inline'; pf204652IntervalId = setInterval ( 'pf204652hide()', 5 ); } function pf204652clickshow(){ document.getElementById('pf204652hide').style.display='inline'; document.getElementById('pf204652show').style.display='none'; pf204652IntervalId = setInterval ( 'pf204652show()', 5 ); } function pf204652clickclose(){ document.body.style.marginBottom = '0px'; pf204652bottomLayer.style.display = 'none'; } </script>
<!--Quang cao end--></div></li></div>
</body></html> Demo như trên. (Phía dưới bên phải.) Nếu cái này ai có rồi thì thôi. hihi | |
|
raider150ss
Tổng số bài gửi : 45 Điểm tích lũy : 4585 Thích : 2 Tham gia : 06/02/2012
| Tiêu đề: Re: (Share) 2 bảng thông báo ứng dụng vào trang chủ Thu Jun 06, 2013 2:36 pm | |
| | |
|