diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..8bc46bf
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+*.html linguist-language=JavaScript
diff --git a/index.html b/index.html
index c9059d9..26d7fb8 100644
--- a/index.html
+++ b/index.html
@@ -36,10 +36,11 @@
jQuery pop menu
-
click these buttons below to have a try.
+
Click the buttons below to have a try.
+
Demo 1: Default menu
-
+
Home
Cloud
@@ -52,8 +53,9 @@ jQuery pop menu
Exit
+
Demo 2: Menu with square corners and orange background
-
+
Home
Cloud
@@ -66,6 +68,18 @@ jQuery pop menu
Exit
+
Demo 3: Menu with border and custom colors
+
+
+
+
Home
+
Cloud
+
settings
+
E-mail
+
Clock
+
Exit
+
+
How to use:
$('#demo_box').popmenu({parameters});
You can use parameters below.
@@ -77,7 +91,9 @@
How to use:
'borderRadius': '10px', // radian of angles, '0' for right angle
'top': '50', // pixels that move up
'left': '0', // pixels that move left
- 'iconSize': '100px' // size of menu's buttons
+ 'iconSize': '100px', // size of menu's buttons
+ 'color': '#fff' // color of menu's text
+ 'border': '1px solid #000', // border style for the menu box
}
Find more information on github .
@@ -90,7 +106,8 @@ How to use:
$(function(){
$('#demo_box').popmenu();
$('#demo_box_2').popmenu({'background':'#e67e22','focusColor':'#c0392b','borderRadius':'0'});
+ $('#demo_box_3').popmenu({'width': '200px', 'background':'#223','focusColor':'#ee5','borderRadius':'10px', 'top': '70', 'left': '-40', 'color':'#1265fe','border':'3px solid #0035fe'});
})