JQuery 简单的文字超出部分隐藏下拉显示

HTML代码:

<body>
    <div class="txt_bos">
        <div class="txt1">
            石村,位于苍莽山脉中,四周高峰大壑,茫茫群山巍峨。

    清晨,朝霞灿灿,仿若碎金一般洒落,沐浴在人身上暖洋洋。

    一群孩子,从四五岁到十几岁不等,能有数十人,在村前的空地上迎着朝霞,正在哼哈有声的锻炼体魄。一张张稚嫩的小脸满是认真之色,大一些的孩子虎虎生风,小一些的也比划的有模有样。

    一个肌体强健如虎豹的中年男子,穿着兽皮衣,皮肤呈古铜色,黑发披散,炯炯有神的眼眸扫过每一个孩子,正在认真指点他们。
        div>
    div>
    <div class="txt_bos">
        <div class="txt1">
            “太阳初升,万物初始,生之气最盛,虽不能如传说中那般餐霞食气,但这样迎霞锻体自也有莫大好处,可充盈人体生机。一天之计在于晨,每曰早起多用功,强筋壮骨,活血炼筋,将来才能在这苍莽山脉中有活命的本钱。”站在前方、指点一群孩子的中年男子一脸严肃,认真告诫,而后又喝道:“你们明白吗?”

    “明白!”一群孩子中气十足,大声回应。

    山中多史前生物出没,时有遮蔽天空之巨翼横过,在地上投下大片的阴影,亦有荒兽立于峰上,吞月而啸,更少不了各种毒虫伏行,异常可怖。

    “明白呀。”一个明显走神、慢了半拍的小家伙奶声奶气的叫道。
        div>
    div>
    <div class="txt_bos">
        <div class="txt1">
            这是一个很小的孩子,只有一两岁的样子,刚学会走路没几个月,也在跟着锻炼体魄。显然,他是自己凑过来的,混在了年长的孩子中,分明还不应该出现在这个队伍里。

    “哼哼哈嘿!”小家伙口中发声,嫩嫩的小手臂卖力的挥动着,效仿大孩子们的动作,可是他太过幼小,动作歪歪扭扭,且步履蹒跚,摇摇摆摆,再加上嘴角间残留的白色奶渍,引人发笑。

    一群大孩子看着他,皆挤眉弄眼,让原本严肃的晨练气氛轻缓了不少。

    小不点长的很白嫩与漂亮,大眼睛乌溜溜的转动,整个人像是个白瓷娃娃,很可爱,稚嫩的动作,口中咿咿呀呀,憨态可掬。这让另一片场地中盘坐在一块块巨石上正在吞吐天精的一些老人也都露出笑容。

    就是那些身材高大魁梧、上半身**、肌腱光亮并隆起的成年男子们,也都望了过来,带着笑意。他们是村中最强壮的人,是狩猎与守护这个村落的最重要力量,也都在锻体,有人握着不知名的巨兽骨骼打磨而成的白骨大棒,也有人持着黑色金属铸成的阔剑,用力舞动,风声如雷。
        div>
    div>
body>

CSS样式表:

 

 

JQuery 代码:

 


    

 

JQuery 简单的文字超出部分隐藏下拉显示_第1张图片

JQuery 简单的文字超出部分隐藏下拉显示_第2张图片

JQuery 简单的文字超出部分隐藏下拉显示_第3张图片

JQuery 简单的文字超出部分隐藏下拉显示_第4张图片

 

转载于:https://www.cnblogs.com/zyg316/p/5763196.html

你可能感兴趣的:(JQuery 简单的文字超出部分隐藏下拉显示)