jQuery内容显示与隐藏插件readmore.js

所属分类:其他-杂项

 63875  392  查看评论 (7)
分享到微信朋友圈
X
jQuery内容显示与隐藏插件readmore.js ie兼容7

readmore.js

平滑,轻巧的jQuery插件折叠和展开大段文字与“阅读更多”和“关闭”链接。

对于Readmore.js所需的标记也非常轻巧,非常简单。无需复杂的格式或编码的类名,只需调用.readmore()包含文本块的元素和Readmore.js即可完成剩下的工作。

Readmore.js与jquery版本大于1.7.0。


例子

$('article').readmore();


是的,就这么简单。您可以更改动画,倒塌块的高度,以及打开和关闭元素的速度。

$('article').readmore({
  speed: 75,
  maxHeight: 500
});


选项:

速度:100(单位为毫秒)

maxHeight:200 (像素)

heightMargin:16(以像素为单位,以避免倒塌是比仅稍大块了maxHeight)

moreLink:'<a HREF="#">阅读更多</ a>'

lessLink:'<a HREF="#">关闭</ a>的“

embedCSS:true(需插入CSS的动态,将其设置为假,如果你有一个样式表需要的CSS)

sectionCSS:'display: block; width: 100%;'(设置块的造型,忽略,如果embedCSS是假的)

startOpen:false(不要立即截断,开始在全开位置)

expandedClass:'readmore-js-expanded'(类添加扩展模块)

collapsedClass:'readmore-js-collapsed“(类加入到折叠块)

beforeToggle:function(){} (称为或多或少链接被点击后,但之前的块被折叠或展开。)

afterToggle:function(){} (称为后,该块被折叠或展开)

如果该元素具有最大高度 CSS属性,Readmore.js将使用该值,而不是maxHeight选项。


相关插件-杂项

注册分步骤表单

注册分步骤表单
  杂项
 58939  621

jQuery答题试卷并且评分

jQuery实现的测试答题功能
  杂项
 36318  412

jQuery弹出表单录入商品信息无刷新追加行

jQuery弹出表单录入商品信息无刷新追加行特效代码
  杂项
 31274  378

鼠标移动监听

鼠标移动监听页面跳转
  杂项
 27239  318

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ????? 0
    2020/9/16 9:47:47
    使用display控制显示隐藏好像就失效了,怎么解决? 回复
    ever》 0
    2018/10/8 11:45:22
    具体怎么用呢
        0
        2018/12/15 20:45:12
        可以看一下下载后文件中自带的index.html,里面都有样式的
    回复
    SalvationL 0
    2017/11/29 15:49:06

    各位大佬,如何做到一直浏览更多呢。

        ever》0
        2018/10/8 11:38:11
        ajax
    回复
    docikaci 0
    2017/4/6 18:47:11

    里面有图片怎么知道图片什么时候加载完, 多张图片 高度计算就有问题了

    回复
    路磐 0
    2017/3/28 16:09:25
    这个插件,能不能刚开始的时候默认展开状态呢.. 回复
    JQ剑圣 0
    2014/5/29 9:14:00

    非常感谢,网友提供的错误反馈,浏览器兼容性以改正

    回复
    JQ剑圣 0
    2014/4/15 13:45:00
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复