TIPSO--基于JQUERY的消息提示框插件,用起来蛮顺手

简介: 项目产品经理要求, 呵呵,关于描述,十个字以内的,直接显示,多于十个字的,用消息框提示: 相关模板及JS如下:   $(function() { $('.tip').

项目产品经理要求,

呵呵,关于描述,十个字以内的,直接显示,多于十个字的,用消息框提示:

相关模板及JS如下:

 

   $(function() {
        $('.tip').tipso({
            useTitle: false,
            background: '#3366cc'
        });
    });
 {% if item.description|length > 10 %}
      <span class="tip" data-tipso={{ item.description }} >{{ item.description |slice:"10"}}...</span>
{% else %}
       {{ item.description }}
{% endif %}

目录
相关文章
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
jQuery+Slick插件实现游戏人物轮播展示切换源码
jQuery+Slick插件实现游戏人物轮播展示切换源码
243 14
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
JavaScript
jquery文字动画特效插件animatext
jquery文字动画特效插件animatext
411 9
|
JavaScript 容器
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
261 2
|
JavaScript
jquery和CSS3响应式轮播图插件jcSlider
jcSlider是一款jquery和CSS3响应式轮播图插件。jcSlider使用CSS3过渡动画,它可以和animate.css完美结合,生成60多种轮播图过渡动画效果。