Tạo hiệu ứng Harlem Shake cho website của bạn

[toilamweb] Tạo hiệu ứng Harlem Shake cho website của bạn
Sau Gangnam Styles, Harlem Shake trở thành điệu nhảy đang được quan tâm và hướng ứng nồng nhiệt trên toàn thế giới. Hôm nay tôi sẽ hướng dẫn các bạn tự tạo hiệu ứng Harlem Shake cho website của mình một cách đơn giản nhất.
1. Dùng công cụ sẵn có:
Cách này chỉ đơn giản là vào trang http://hsmaker.com, sau đó nhập url website của bạn vào, thế là xong. Nhưng như thế cũng khá bất tiện, vì lúc này trên URL sẽ có dạng http://hsmaker.com/harlemshake.asp?url=[url của bạn].

2. Tự tạo hiệu ứng Harlem Shake bằng Javascript:
Đầu tiên, tải về các đoạn mã sẽ dùng trong phần này tại đây.
Upload file harlem.css và harlem.min.js lên hosting của bạn. Lưu ý với file harlem.css cần upload ngang hàng với index.
Chèn đoạn mã sau vào phía trên thẻ </body>:

<script type="text/javascript" src="harlem.min.js"></script><script type="text/javascript">// <![CDATA[
var harlem = null;
$ (function ()
{
harlem = $ .fn.speedoHarlem();
});
// ]]></script>

<iframe src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F35273963&color=ff6600&auto_play=true&show_artwork=false" height="0" width="100%" frameborder="no" scrolling="no"></iframe>

Lưu ý cấu hình đúng đường dẫn đến file harlem.min.js. Sau đó hãy quay lại website để thưởng thức thành quả. Chúc thành công.

Nguồn : http://toilamweb.vn

Thiet ke web hai phong