tiện ích online

TIỆN ÍCH ONLINE

Tin tức cập nhật

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • thống kê truy cập

    free counters

    HỌP MẶT VIOLET OPEN HÈ 2017

    Gốc > Những vấn đề về CNTT > Mã HTML >

    CoolClock - Đồng hồ kim tuyệt đẹp với JavaScript

    Với hiệu ứng đồng hồ kim bằng JavaScript tuyệt đẹp này, bạn sẽ dễ dàng trang trí cho trang web của mình một bộ hiển thị giờ cực đẹp, bởi hiệu ứng đ�...


    Cách cài đặt

    Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
    JavaScript

    Code:
    <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
    <script src="coolclock.js" type="text/javascript"></script>
    <script src="moreskins.js" type="text/javascript"></script>
    

    Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
    HTML

    Code:
    <table align="center">
    <tbody><tr><td rowspan="2">
            <canvas style="width: 170px; height: 170px;" height="170" width="170" id="c1" class="CoolClock"></canvas>
            <br>
            <canvas style="width: 170px; height: 170px;" height="170" width="170" id="c2" class="CoolClock:chunkySwiss"></canvas>
            <br>
            <canvas style="width: 170px; height: 170px;" height="170" width="170" id="c4" class="CoolClock:machine"></canvas>
    </td><td>
            <canvas style="width: 380px; height: 380px;" height="380" width="380" id="c5" class="CoolClock:fancy:190"></canvas>
    </td></tr><tr><td align="center">
            <table><tbody><tr>
      <td align="center">New York<br><canvas style="width: 60px; height: 60px;" height="60" width="60" id="c6" class="CoolClock:chunkySwiss:30:noSeconds:-4 leftRightPad"></canvas></td>
      <td align="center">London<br><canvas style="width: 60px; height: 60px;" height="60" width="60" id="c7" class="CoolClock::30:noSeconds:+1 leftRightPad"></canvas></td>
      <td align="center">Townsville<br><canvas style="width: 60px; height: 60px;" height="60" width="60" id="c8" class="CoolClock:fancy:30:noSeconds:+10 leftRightPad"></canvas></td>
            </tr></tbody></table>
    </td></tr>
    </tbody></table>
    

    Bước 3: tải các file
    Files
    coolclock.js
    excanvas.js
    moreskins.js


    Nhắn tin cho tác giả
    Đỗ Thanh Dương @ 20:29 23/11/2015
    Số lượt xem: 477
    Số lượt thích: 0 người
     
    Gửi ý kiến

    HỖ TRỢ QUẢN TRỊ WEBSITE

    Thay tên website / Chọn thư mục / Mở ra
    Giao diện Module Thư mục Thành viên Tài nguyên Xóa Code
    http://