spring mvc

  • Y5_639887
    了解作者
  • 44KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-15 06:56
    上传日期
spring mvc简单实例
20130822073901887.zip
  • jQuery CN Plugins
  • .project
    260B
  • Styles
  • Base.css
    2.7KB
  • BreadCrumb.css
    1.7KB
  • .tmp_jBreadCrumb.html.84957~
    9.9KB
  • js
  • jquery.jBreadCrumb.1.1.js
    7.5KB
  • jquery.js
    100.6KB
  • jquery.easing.1.3.js
    7.9KB
  • jBreadCrumb.html
    10.5KB
  • Images
  • Chevron.gif
    121B
  • IconHome.gif
    549B
  • ChevronOverlay.png
    310B
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CompareNetworks jQuery'd Bread Crumb - jBreadCrumb</title> <link rel="stylesheet" href="Styles/Base.css" type="text/css"> <link rel="stylesheet" href="Styles/BreadCrumb.css" type="text/css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script src="js/jquery.easing.1.3.js" type="text/javascript" language="JavaScript"> </script> <script src="js/jquery.jBreadCrumb.1.1.js" type="text/javascript" language="JavaScript"> </script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery("#breadCrumb0").jBreadCrumb(); jQuery("#breadCrumb1").jBreadCrumb(); jQuery("#breadCrumb2").jBreadCrumb(); jQuery("#breadCrumb3").jBreadCrumb(); }) </script> </head> <body> <div id="container"> <h1>CompareNetworks jQuery'd Bread Crumb - jBreadCrumb</h1> <!-- Bread Crumb Code - Be sure to include the chevronOverlay element so we can load the semi transparend png --> <div class="breadCrumbHolder module"> <div id="breadCrumb0" class="breadCrumb module"> <ul> <li> <a href="#" rel='nofollow' onclick='return false;'>Home</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Biocompare Home</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Product Discovery</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Life Science Products / Laboratory Supplies</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Kits and Assays</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Mutagenesis Kits</a> </li> <li> Mutation Generation System&trade; </li> </ul> </div> </div> <div class="breadCrumbHolder module"> <div id="breadCrumb1" class="breadCrumb module"> <ul> <li> <a href="#" rel='nofollow' onclick='return false;'>Home</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Biocompare Home</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Product Discovery</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Life Science Products / Laboratory Supplies</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Kits and Assays</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Mutagenesis Kits</a> </li> <li> Mutation Generation System&trade; Kit (MGS&trade; Kit) from Finnzymes Oy </li> </ul> </div> </div> <div class="breadCrumbHolder module"> <div id="breadCrumb2" class="breadCrumb module"> <ul> <li> <a href="#" rel='nofollow' onclick='return false;'>Home</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Biocompare Home</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Product Discovery</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Life Science Products / Laboratory Supplies</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Kits and Assays</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Mutagenesis Kits</a> </li> <li> Mutation Generation System&trade; Kit (MGS&trade; Kit) from Finnzymes Oy. Ok, let's get ridiculously long here, we all know it happens. </li> </ul> </div> </div> <div class="breadCrumbHolder module"> <div id="breadCrumb3" class="breadCrumb module"> <ul> <li> <a href="#" rel='nofollow' onclick='return false;'>Home</a> </li> <li> <a href="#" rel='nofollow' onclick='return false;'>Biocompare Home</a> </li> <li> Mutation Generation System&trade; </li> </ul> </div> </div> <div class="chevronOverlay main"> </div> <!-- End Bread Crumb Code --> <div class="writeup module"> <div class="description"> <h2>Update - jBreadCrumb 1.1</h2> With a little help from jquery user "mikejbond", the chevron overlay div no longer needs to be part of the HTML, it is inserted dynamically. You may still want include it if you want to cache image on page load. Also, the easing plugn is no longer required, the animation will default to "swing" easing. I still recommend "easeOutQuad" for the best looking animation, but it's not necessary.<h2>Explanation</h2> <p> This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages. Rather than limit the amount of elements shown on the sever side, we decided to go with a client side solution for usability and SEO reasons. It also turned out nice to look at and fun to play with. </p> <p> It is smart in the sense that it collapses based upon the amount and length of the elements in the set. The breadcrumb uses a semitransparent .png overlay to achieve the gradient effect seen on the elements. Visually, it helps to show a "peek" at what is underneath. </p> <p> Oh, and it's compatible with ie 6, ie 7 and all standards compliant browsers. </p> <p> To use the plugin, it's as simple as the code below. </p> <pre>jQuery(document).ready(function() { jQuery("#breadCrumb").jBreadCrumb(); })</pre> <p> The only additional jQuery plugin required is the <a href="http://gsgd.co.uk/sandbox/jquery/easing/" title="jQuery Easing" rel='nofollow' onclick='return false;'>easing plugin</a> written by GSGD. The plugin uses Robert Penner's wonderful easing equations that anyone from a flash background is familiar with, I love 'easeOutQuad', it makes things so smooooth. </p> <p> If you don't want to use the plugin, set the options to use the normal "swing" (esentially "easeInOut") or "linear" easing provided by jQuery. The easing equations will no longer be necessary. </p> <pre>jQuery(document).ready(function() { jQuery("#breadCrumb").jBreadCrumb({easing:'swing'}); }) </pre> <p> Or, set it globally </p>
评论
    相关推荐
    • spring mvc
      spring mvc
    • Spring MVC
      Spring MVC使用注解配置。。。。。。。。。。。。。。。。。。。。。
    • spring mvc
      本代码是spring mvc的一个小demo 只是完成mvc的一个实例。没有复杂的业务逻辑 本demo只是适合刚学习Spring mvc的同行
    • spring mvc
      spring mvc spring mvcspring mvc
    • Spring MVC
      一个简单的spring mvc登录案例,采用的是annotation方式。
    • spring mvc
      spring mvc框架代码实例,测试可用。
    • spring mvc
      spring mvc 开发所需要的全部工具、jar包
    • spring mvc
      这是一个spring mvc3.04例子。这个例子简单,弹性好,易于扩展。好理解。是我在开发时项目例子。
    • spring mvc
      spring mvc最小代码。spring mvc最小代码。spring mvc最小代码。spring mvc最小代码。
    • SIM800C_MQTT.rar
      使用SIM800C模块,使用MQTT协议,连接中国移动onenet平台,能实现数据的订阅、发布、存储等