限制页面显示的字符长度,一直被众多网友倾睬,本人也是一 fans 利用闲暇时间搜集整理了一些实用技巧, 需要了解的朋友可以参考下
Javashop 是基于 Java 技术构建的电子商务平台,采用 EOP(Enation open platform 易族开放平台) 框架体系,精美的界面模板,更具人性化的操作体验,内置库存管理系统,完备的订单流程,适合搭建稳定、高效的 B2C 电子商务平台, 同时 Javashop 的模板引擎及组件机制让扩展变得简单,更有大量第三方组件可供选择,极大的降低二次开发成本。
- <nav class="cf_nav clearfix">
- <ul>
- <li>
- <a href="http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com" title="首页">
- <div class="nav_block">
- <span>
- 首页
- </span>
- <span class="hover">
- 首页
- </span>
- </div>
- </a>
- </li>
- <li>
- <a href="http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com/submit"
- title="投稿">
- <div class="nav_block">
- <span>
- 投稿
- </span>
- <span class="hover">
- 投稿
- </span>
- </div>
- </a>
- </li>
- <li>
- <a href="http://lizhuangs.diandian.com/inbox " title="私信 ">
- <div class="nav_block">
- <span>
- 私信
- </span>
- <span class="hover">
- 私信
- </span>
- </div>
- </a>
- </li>
- <li>
- <a href="http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com/archive"
- title="存档">
- <div class="nav_block">
- <span>
- 存档
- </span>
- <span class="hover">
- 存档
- </span>
- </div>
- </a>
- </li>
- <li>
- <a href="http://lizhuangs.18021051d350c3871c0a.tpl.diandian.com/rss" title="订阅">
- <div class="nav_block">
- <span>
- 订阅
- </span>
- <span class="hover">
- 订阅
- </span>
- </div>
- </a>
- </li>
如果我在限制上面的 span 中的字符。 $("nav_block span").wordLimit(8); 它使用了下面的一个算定义 jquery 插件的方法,这是我从点点网扣下来的:
来源: