Buttons2 ΠΊΡΠΏΠΈΡΡ ΠΎΡ 106,00 ΡΡΠ±.




Buttons2 - ΡΡΠΎ ΠΏΠ΅ΡΠ΅Π΄ΠΎΠ²Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° jQuery. ΠΠ½Π° ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΠΈΠ»ΡΠ½ΡΠ΅ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΊΠ°ΠΆΠ΅ΠΌ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Buttons2 ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΎΠ½Π° ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ.
Π¨Π°Π³ΠΈ
----
1. **ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°**
* ΠΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΡΠ°ΠΉΡ Buttons2: http://bootstrap-button.pushpad.com/.
+ ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ "Download" Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
* ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Buttons2 Π½Π° Π²Π°Ρ ΡΠ΅ΡΠ²Π΅Ρ ΠΈΠ»ΠΈ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ ΠΌΠ°ΡΠΈΠ½Ρ.
2. **HTML**
Buttons2 ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΊΠ°ΠΊ Ρ Bootstrap, ΡΠ°ΠΊ ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ. ΠΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Buttons2 Π±Π΅Π· Bootstrap, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ Π² `` Π²Π°ΡΠ΅Π³ΠΎ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°:
```html
```
ΠΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Ρ Bootstrap, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠΎΠΊΡ Π² ``:
```html
```
3. **jQuery**
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Buttons2 Ρ jQuery ΠΈΠ»ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ jQuery, ΡΠΎ Buttons2 Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½Π° ΠΏΠ΅ΡΠ΅Π΄ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ:
```javascript
```
4. **ΠΡΠ·ΠΎΠ²**
ΠΠΎΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Buttons2:
```javascript
$(document).ready(function() {
$('my-button').button(); // Π‘ΠΎΠ·Π΄Π°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ "btn btn-primary"
});
```
5. **ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ**
ΠΠ½ΠΎΠΏΠΊΠΈ Buttons2 ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π½Π°ΡΡΡΠΎΠ΅Π½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ². ΠΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π½ΠΈΡ :
* `btn-{size}` - ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, `btn-small` ΠΈΠ»ΠΈ `btn-lg`.
* `bg-{color}` - ΡΠ²Π΅Ρ ΡΠΎΠ½Π°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, `bg-success`.
* `color-{color}` ΠΈΠ»ΠΈ `text-{color}` - ΡΠ΅ΠΊΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS.
* `icon-{icon}` - ΠΈΠΊΠΎΠ½ΠΊΠ° Π²Π½ΡΡΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΏΡΡΡ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
6. **ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ**
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Buttons2:
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° ΠΈ ΡΠ΅ΠΊΡΡΠ°:
```
$( "myButton" ).button( { backgroundColor: "blue", textColor: "fff" } );
```
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π°:
```
$("myButton").button( "option", "icons" ); // Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π·Π½Π°ΡΠΊΠΈ Π΄Π»Ρ Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
$("myOtherButton") // Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
.button( "option", { icons: { primary: "glyphicon glyphicon-upload" } } );
.button( "refresh" ); // ΠΠ±Π½ΠΎΠ²Π»ΡΠ΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π²ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
```
7. **ΠΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ**
ΠΡΠΈΠΌΠ΅ΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Buttons2
ΠΠ° ΡΠ°ΠΉΡΠ΅ Buttons2 Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ:
- [Interactive Timeline](http://bootstrap-button.pushpad.com/?example=timeline)
- [Weather Dashboard](http://bootstrap-button.pushpad.com/?example=weather-dashboard)
Π‘ΡΡΠ»ΠΊΠΈ
------
* Π‘Π°ΠΉΡ Buttons2 (http://bootstrap-button.pushpad.com/)
* ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Buttons2 (https://pushpad.github.io/bootstrap-button/) (Π½Π° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ)
Π¨Π°Π³ΠΈ
----
1. **ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ°**
* ΠΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΡΠ°ΠΉΡ Buttons2: http://bootstrap-button.pushpad.com/.
+ ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ "Download" Π² Π²Π΅ΡΡ Π½Π΅ΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
* ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Buttons2 Π½Π° Π²Π°Ρ ΡΠ΅ΡΠ²Π΅Ρ ΠΈΠ»ΠΈ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ ΠΌΠ°ΡΠΈΠ½Ρ.
2. **HTML**
Buttons2 ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΊΠ°ΠΊ Ρ Bootstrap, ΡΠ°ΠΊ ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ. ΠΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Buttons2 Π±Π΅Π· Bootstrap, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ Π² `` Π²Π°ΡΠ΅Π³ΠΎ HTML-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°:
```html
```
ΠΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Ρ Bootstrap, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠΎΠΊΡ Π² ``:
```html
```
3. **jQuery**
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Buttons2 Ρ jQuery ΠΈΠ»ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ jQuery, ΡΠΎ Buttons2 Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½Π° ΠΏΠ΅ΡΠ΅Π΄ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ:
```javascript
```
4. **ΠΡΠ·ΠΎΠ²**
ΠΠΎΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Buttons2:
```javascript
$(document).ready(function() {
$('my-button').button(); // Π‘ΠΎΠ·Π΄Π°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ "btn btn-primary"
});
```
5. **ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ**
ΠΠ½ΠΎΠΏΠΊΠΈ Buttons2 ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π½Π°ΡΡΡΠΎΠ΅Π½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ². ΠΠΎΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π½ΠΈΡ :
* `btn-{size}` - ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, `btn-small` ΠΈΠ»ΠΈ `btn-lg`.
* `bg-{color}` - ΡΠ²Π΅Ρ ΡΠΎΠ½Π°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, `bg-success`.
* `color-{color}` ΠΈΠ»ΠΈ `text-{color}` - ΡΠ΅ΠΊΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS.
* `icon-{icon}` - ΠΈΠΊΠΎΠ½ΠΊΠ° Π²Π½ΡΡΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΏΡΡΡ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
6. **ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ**
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ Buttons2:
ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° ΠΈ ΡΠ΅ΠΊΡΡΠ°:
```
$( "myButton" ).button( { backgroundColor: "blue", textColor: "fff" } );
```
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π²Π½Π΅ΡΠ½Π΅Π³ΠΎ Π²ΠΈΠ΄Π°:
```
$("myButton").button( "option", "icons" ); // Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π·Π½Π°ΡΠΊΠΈ Π΄Π»Ρ Π»Π΅Π²ΠΎΠΉ ΠΈ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
$("myOtherButton") // Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
.button( "option", { icons: { primary: "glyphicon glyphicon-upload" } } );
.button( "refresh" ); // ΠΠ±Π½ΠΎΠ²Π»ΡΠ΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ Π²ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
```
7. **ΠΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ**
ΠΡΠΈΠΌΠ΅ΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Buttons2
ΠΠ° ΡΠ°ΠΉΡΠ΅ Buttons2 Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ:
- [Interactive Timeline](http://bootstrap-button.pushpad.com/?example=timeline)
- [Weather Dashboard](http://bootstrap-button.pushpad.com/?example=weather-dashboard)
Π‘ΡΡΠ»ΠΊΠΈ
------
* Π‘Π°ΠΉΡ Buttons2 (http://bootstrap-button.pushpad.com/)
* ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ Buttons2 (https://pushpad.github.io/bootstrap-button/) (Π½Π° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ)
ΠΠ°ΡΠ°Π»ΠΎΠ³ Buttons2 (max, ΡΠ΅Ρ ΠΎΠ», pro, iphone)
Π¦Π΅Π½Π°: 83 Π ΡΠ±. 0.98οΌ
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ Π΄ΠΎΡΡΠ°Π²ΠΊΠ°
Π¦Π΅Π½Ρ Π°ΠΊΡΡΠ°Π»ΡΠ½Ρ Π½Π° 2025-02-28 14:57:41
Π¦Π΅Π½Π°: 360 Π ΡΠ±. 3.73οΌ
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ Π΄ΠΎΡΡΠ°Π²ΠΊΠ°
Π¦Π΅Π½Ρ Π°ΠΊΡΡΠ°Π»ΡΠ½Ρ Π½Π° 2025-02-28 14:57:41
Π¦Π΅Π½Π°: 109 Π ΡΠ±. 1.21οΌ
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ Π΄ΠΎΡΡΠ°Π²ΠΊΠ°
Π¦Π΅Π½Ρ Π°ΠΊΡΡΠ°Π»ΡΠ½Ρ Π½Π° 2025-02-28 14:57:41