update dropdown demos

components/dropdown/demo/basic.md

@@ -2,7 +2,7 @@
 
 - order: 0
 
-点击触发
+最简单的下拉菜单。
 
 ---
 
@@ -10,21 +10,22 @@
 var Menu = antd.Menu;
 var Dropdown = antd.Dropdown;
 
-function onClick(key){
- alert('select ' + key);
-}
-
-var menu = <Menu style={{width:140}} onClick={onClick}>
-  <Menu.Item disabled>disabled</Menu.Item>
-  <Menu.Item key="1">第一个菜单项</Menu.Item>
+var menu = <Menu>
+  <Menu.Item key="0">
+    <a href="http://www.alipay.com/">第一个菜单项</a>
+  </Menu.Item>
+  <Menu.Item key="1">
+    <a href="http://www.taobao.com/">第二个菜单项</a>
+  </Menu.Item>
   <Menu.Divider/>
-  <Menu.Item key="2">第二个菜单项</Menu.Item>
+  <Menu.Item key="3">第三个菜单项</Menu.Item>
 </Menu>;
 
-
 React.render(
-  <Dropdown animation="slide-up" overlay={menu} trigger="click">
-  <button className="ant-btn ant-btn-ghost">点我下来 <span className="anticon anticon-caret-down"></span></button>
+  <Dropdown animation="slide-up" overlay={menu}>
+    <button className="ant-btn ant-btn-ghost">
+      点我下来 <i className="anticon anticon-caret-down"></i>
+    </button>
   </Dropdown>
 , document.getElementById('components-dropdown-demo-basic'));
 ````

components/dropdown/demo/event.md

@@ -0,0 +1,32 @@
+# 基本
+
+- order: 1
+
+点击菜单项后会触发事件，用户可以通过相应的菜单项 key 进行不同的操作。
+
+---
+
+````jsx
+var Menu = antd.Menu;
+var Dropdown = antd.Dropdown;
+
+function onClick(key){
+  alert('选中了菜单' + key);
+}
+
+var menu = <Menu onClick={onClick}>
+  <Menu.Item key="1">第一个菜单项</Menu.Item>
+  <Menu.Item key="2">第二个菜单项</Menu.Item>
+  <Menu.Item key="3">第三个菜单项</Menu.Item>
+  <Menu.Item key="4" disabled>第四个菜单项</Menu.Item>
+</Menu>;
+
+
+React.render(
+  <Dropdown overlay={menu}>
+    <button className="ant-btn ant-btn-ghost">
+      鼠标移入 <i className="anticon anticon-caret-down"></i>
+    </button>
+  </Dropdown>
+, document.getElementById('components-dropdown-demo-event'));
+````

components/dropdown/demo/hover.md

@@ -1,30 +0,0 @@
-# 基本
-
-- order: 1
-
-鼠标触发
-
----
-
-````jsx
-var Menu = antd.Menu;
-var Dropdown = antd.Dropdown;
-
-function onClick(key){
- alert('select ' + key);
-}
-
-var menu = <Menu style={{width:140}} onClick={onClick}>
-  <Menu.Item disabled>disabled</Menu.Item>
-  <Menu.Item key="1">第一个菜单项</Menu.Item>
-  <Menu.Divider/>
-  <Menu.Item key="2">第二个菜单项</Menu.Item>
-</Menu>;
-
-
-React.render(
-  <Dropdown overlay={menu} trigger="hover">
-  <button className="ant-btn ant-btn-ghost">hover <span className="anticon anticon-caret-down"></span></button>
-  </Dropdown>
-, document.getElementById('components-dropdown-demo-hover'));
-````

components/dropdown/demo/trigger.md

@@ -0,0 +1,38 @@
+# 触发方式
+
+- order: 1
+
+点击或鼠标移入触发。
+
+---
+
+````jsx
+var Menu = antd.Menu;
+var Dropdown = antd.Dropdown;
+
+var menu = <Menu>
+  <Menu.Item key="0">
+    <a href="http://www.alipay.com/">第一个菜单项</a>
+  </Menu.Item>
+  <Menu.Item key="1">
+    <a href="http://www.taobao.com/">第二个菜单项</a>
+  </Menu.Item>
+  <Menu.Divider/>
+  <Menu.Item key="3">第三个菜单项</Menu.Item>
+</Menu>;
+
+React.render(
+  <div>
+    <Dropdown animation="slide-up" overlay={menu} trigger="click">
+      <button className="ant-btn ant-btn-ghost">
+        点我下来 <i className="anticon anticon-caret-down"></i>
+      </button>
+    </Dropdown>
+    <Dropdown animation="slide-up" overlay={menu}>
+      <button className="ant-btn ant-btn-ghost">
+        鼠标移入 <i className="anticon anticon-caret-down"></i>
+      </button>
+    </Dropdown>
+  </div>
+, document.getElementById('components-dropdown-demo-trigger'));
+````