JavaScript Instance Tutorial: JavaScript Making card games

Article Introduction: I've been busy making a JavaScript card these days. Similar to Windows Solitaire

Several days did not update their own blog, this period of time, more homework, the test report more, the teacher to write paper test report, but also electronic file, the exam does not follow her class to speak of ideas that will not get a bit ... As soon as she came out of the argument, I was foolish enough to have my own opinion ...

Nonsense to here, a little complain, O (∩_∩) o below the point, these days busy doing a JavaScript card. Similar to Windows Solitaire

The rules are as follows:

1. There are 3 fold areas and 4 kinds of cards, upper left corner stacking area, upper right corner finishing area, and middle Cascade area.

2. There are two kinds of cards in the Cascade area, the cards opened and the cards not opened.

3. The purpose of the game is to put all the cards in the upper right corner of the finishing area (the stack area of the dark card all open up).

4. In the upper-left corner of the stack area can choose to turn one card at a time and turn over three cards. If you turn three cards, you can only move the top one of the three sheets. So it is more difficult to turn three sheets.

5. The middle stack area moves the rule is: only one card in the order is opens the card top of that one of the next sheet and the color is different, only then may move. The order is k,q,j,10,9,8,7,6,5,4,3,2,a.

6. In the upper right corner of the collation area move rule is: only a card in the order of the top of the first one and the same color, you can move. The order is a,2,3,4,5,6,7,8,9,10,j,q,k.

7. Eventually move all the cards to the upper right-hand corner to win (as long as all the cards are opened and easily moved to the upper right corner).

Below see the specific effect: Click to view

Description: Because the IE kernel browser (including IE9, except IE10) for CSS3 support is not very good, so it is recommended to use IE10 (unless, of course, you and I have Windows8, hehe) or other non IE kernel browser, such as chrome/firefox/ Opera/safari.

Here is a screenshot of the test:

Windows8+ie10 Test

Windows8+ie10 Test

Windows8+ie10 Test

Windows7+chrome Test

Windows7+chrome Test

Windows7+chrome Test

To self Blog:http://www.cnblogs.com/love17914