Sinh viên Việt Hung

Trang ChínhTrang Chính  
  • NhómNhóm  
  • Đăng kýĐăng ký  
  • Đăng NhậpĐăng Nhập  


  • Share | 

    [Code] Hiệu ứng chuột cực đẹp

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 

    Admin
    Admin
    avatar

    Posts : 77
    Points : 25226
    Thanked : 10
    Join date : 03/10/2012
    Age : 25
    Đến từ : Một nơi đầy nắng và gió
    Châm ngôn sống : Sáng lập http://clup69.forumvi.com/

    Bài gửiTiêu đề: [Code] Hiệu ứng chuột cực đẹp   Mon Nov 05, 2012 5:41 pm

    1. Hiệu ứng ...

    Code:

          <script type='text/javascript'>
    // <![CDATA[
    var colour="#FF00F7";
    var sparkles=80;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);}set_width();
    sparkle();}}
    function sparkle() {var c;
    if (x!=ox || y!=oy) {
    ox=x;oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;}}for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);}
    setTimeout("sparkle()", 40);}function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";}else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;}}else {tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"}}
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";}
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";}else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;}}else tiny[i].style.visibility="hidden";}
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;}
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;}
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;}
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;}else {sdown=0;sleft=0;}}
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;}
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;}else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;}}
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.backgroundColor=colour;
    return (div);}// ]]>
    </script>

    2. Hiệu ứng sao băng. Chèn vào Footer nhé

    Code:

    -<script type="text/javascript" src="http://codeforum.googlecode.com/files/rainbow.js"></script>

    -<script type="text/javascript" src="http://codeforum.googlecode.com/files/chuot.js"></script>

    -<script type="text/javascript" src="http://untip-js.googlecode.com/files/avimr.js"></script>

    -<script type="text/javascript" src="http://benxua.net/html-h106.htm"></script>
    <style>HTML,BODY{cursor:
     
    url("http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani"),
     
    url("http://downloads.totallyfreecursors.com/thumbnails/sparklepink.gif"),
     auto;}</style>


    _________________
    Nick 4r: Nhạt Nhòa
    Sdt: 0979744867
    Y!M: nhat_nhoa
    FB: [Only admins are allowed to see this link]
    Root: SvVietHung.forumvi.com


    [Only admins are allowed to see this link]
    Về Đầu Trang Go down
    Xem lý lịch thành viên http://clup69.forumvi.com
     

    [Code] Hiệu ứng chuột cực đẹp

    Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
    Trang 1 trong tổng số 1 trang
    Permissions in this forum:Bạn không có quyền trả lời bài viết
    Sinh viên Việt Hung » Thế giới IT » Code-Skin-

     
     
    Diễn đàn ... được phát triển bởi các thành viên. Admin: ...
    Ban Quản trị không chịu trách nhiệm về nội dung thành viên đăng tải
    Style by Loitraitim - Vb rip by HQTH team - FM rip by Việt K - c3zone
    Vui lòng không xóa những dòng này khi sử dụng skin.
    Powered by phpbb2 ® Version 2.0
    Copyright ©2000 - 2010, Forumotion Ltd.