关于jquery和bootstrap的一些用法(一)

一.准备

20款jquery下拉导航菜单特效代码分享,20款jquery

20款jquery下拉导航菜单特效代码分享

jquery仿京东商城左侧分类导航下拉菜单代码

图片 1

jQuery企业网站下拉导航菜单代码

图片 2

jQuery css3黑色的多级导航菜单下拉列表代码

图片 3

jquery响应式导航菜单支持手机导航菜单代码

图片 4

jquery鼠标导航下滑显示图片列表效果

图片 5

jQuery个性动画二级下拉导航代码

图片 6

jquery网站下拉菜单制作企业网站导航菜单代码

图片 7

jQuery游戏网站顶部滑动导航菜单代码

图片 8

jquery.superfish.js导航菜单插件制作网页无限级下拉菜单代码

图片 9

jquery hover事件实用的企业网站二级导航菜单样式

图片 10

jquery SuperSlide.js带下划线滑动的二级下拉导航菜单代码

图片 11

jquery hover鼠标悬停导航条图标向下滑动显示

图片 12

jQuery米柚网鼠标悬停导航条背景高亮滑动展开下拉菜单栏

图片 13

jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单

图片 14

jquery导航二级菜单太多了下拉菜单滚动显示

图片 15

原生js制作彩色拼图导航下拉菜单代码

图片 16

jquery页面顶部固定导航鼠标悬停显示下拉图标菜单代码

图片 17

jquery鼠标悬停滑动下拉导航菜单效果

图片 18

jQuery多级下拉菜单支持多级下拉列表菜单代码

图片 19

 

jQuery鼠标经过导航下拉菜单飞入显示特效

图片 20

http://www.bkjia.com/jQuery/1095103.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/1095103.htmlTechArticle20款jquery下拉导航菜单特效代码分享,20款jquery
20款jquery下拉导航菜单特效代码分享
jquery仿京东商城左侧分类导航下拉菜单代码 jQuery企业网…

1.jquery

2.bootstrap

二.代码

1.HTML代码

<div id="main"〉      <a href="#myModal" role="button" class="btn btn-info" data-toggle="modal">添加工具</a><!--点击添加工具按钮,弹出下面模态窗口-->

 <button class="btn btn-info" type="button" id="del">选择</button><!--点击该选择按钮,按钮能变颜色-->
      <form action="" method="post" id="listForm">          <table class="table">              <thead>              <tr>                  <td><input type="hidden" name="id1" id="id1" value="此处输出id1"/></td>              </tr>              </thead>              <tbody>                  <tr>                      <td>                          <input class="tool_id" type="checkbox" id="id2" name="id2" value="此处输出id2">                      </td>                  </tr>              </tbody>          </table>      </form>  </div>  <!--模态窗口,弹出一个添加窗口-->  <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">      <div class="modal-header">          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>          <h3 id="myModalLabel">添加工具</h3>      </div>      <div class="modal-body">          <form class="form-horizontal" action="<?php echo site_url("tool/insert");?>" method="post" id="detailForm">              <div class="control-group">                  <label class="control-label" for="link_name">工具分类:</label>                  <div class="controls">                      <select name="type_id">                              <option name="" value="" ></option>                      </select>                  </div>              </div>              <div class="control-group">                  <label class="control-label" for="link_url">工具名称:</label>                  <div class="controls">                      <input type="text" name="name" id="name" value="" size="80" placeholder="工具名称"/>                  </div>              </div>              <div class="control-group">                  <label class="control-label" for="userfile">工具地址:</label>                  <div class="controls">                      <input type="text" name="url" id="url" value="" size="80" placeholder="工具地址"/>                  </div>              </div>              <div class="control-group">                  <label class="control-label" for="userfile">工具用户名:</label>                  <div class="controls">                      <input type="text" name="user_name" id="user_name" value="" size="80" placeholder="工具用户名"/>                  </div>              </div>              <div class="control-group">                  <label class="control-label" for="userfile">工具密码:</label>                  <div class="controls">                      <input type="text" name="user_password" id="user_password" value="" size="80" placeholder="工具密码"/>                  </div>              </div>              <div class="control-group">                  <div class="controls">                      <button class="btn btn-info" type="submit" name="submit" id="submit">保存</button>                  </div>              </div>          </form>      </div>  </div>

相关文章