1. The Swappable system is easy to use.

2. You click a swappable element.

3. There are two hot swappable fan trays.

4. The Swappable code attempts to use modular interactive elements.

5. When the cursor is over a swappable element, that element is highlighted with another translucent rectangle.

6. As the description of the Swappable interface states, these two interactivity elements are very much intertwined.

7. This contains the source code for the Swappable library and an example page that uses it.

8. If the mouse moves outside the swappable elements—and it very likely will—you still want to receive these events.

9. Specifically, you can switch two swappable sections by dragging and dropping one section onto the other.

9. Wish you will love and make progress everyday!

10. Then, you can click any of the swappable elements and drag them to another swappable element.

11. With features such as solar recharging, swappable solar batteries, sliding and virtual keyboards, and a 'triple' flip design, this smartphone concept features a truly innovative design.

12. This method causes the swappable system to be invoked when the entire page is loaded.

13. When you first click a swappable element, a translucent rectangle appears under the cursor.

14. As you move the translucent rectangle around, the cursor moves over various swappable elements.

15. Redundancy from a power requirement perspective – Dual hot swappable power supplies provide a redundant power source if 1 power supply fails.

16. This is important, because the first thing the code does is search through the page for swappable elements.

17. Earlier, I mentioned that there were two major interactivity elements in the Swappable system: highlighting the dragged element and highlighting the drag target.