代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 秀站网 > 站长学院 > 建站教程 >

点击切换文章大小字体功能JS

来源:未知 发布时间:2019-03-30热度: ℃我要评论
文本切换大小通过JS实现有两种方法,一种是为元素增加style样式,另一种是先为元素增加class,然后再定义该class的样式。效果可以参考本贴切换效果,通过CSS样式,还可以扩展:全屏模式、阅读模式等。 为元素增加style样式 JS部分,把下面JS代码放在头部或者底部都可以...

崖柏造假过程模板秀站淘宝店开业,好礼送不停

? ? ? ?文本切换大小通过JS实现有两种方法,一种是为元素增加style样式,另一种是先为元素增加class,然后再定义该class的样式。效果可以参考本贴切换效果,通过CSS样式,还可以扩展:全屏模式、阅读模式等。

为元素增加style样式

JS部分,把下面JS代码放在头部或者底部都可以


? ? ? ?获取元素上面是按id,下面是按class


HTML部分

字体:[大] [小]

标题:

正文:

? ? ? ?点击[大]/[小]后,id="field_body"后面增加style样式,如下

标题:

正文:

? ? ? ?这种控制方式并不灵活,推荐用下面的控制方式

为元素增加class

JS部分


HTML部分

[切换大/小字体]

标题:

正文:

点击[切换大/小字体]后,为id="field_body"增加class="addclass",如

标题:

正文:

CSS部分

本文地址:https://www.xiuzhanwang.com/news/1392.html

    责任编辑:秀站网

    发表评论

    评论列表(条)