Jquery控制WordPress字体大小进行切换
为了加强用户的阅读体验,我们可以给文章加一个字体大小切换的功能。在做之前先去网上看了下有没有这方面的内容,一看还真不少!基本都是利用Jquery来进行调节的,方法都大同小异,看下面代码。 首先你需要用到的html代码内容(放在single.php文件里面,一般是在标题的下面): 然后是js 代码(放在header.php文件里面或者也可以放在js文件里面进行引入): 接下来还需要在添加一些css样式放到主题style.css文件中。 .entry-utility .changef ul li{ float:left; margin:0 3px 0 3px; border:1px dashed #e0e0e0; border-radius:5px; padding:0px 4px 0px 4px; text-align:center; display:block; font-family:"微软雅黑"; cursor:pointer;} ? /*将文字左浮动排成一排,然后再添加一些其他样式。*/ ? .changef ul li.current {font-weight:bold; color:#FE872A;} ? /*当你点击小,中,大其中任意的名称的时候,字体会变粗,颜色会改变。*/ http://www.favortt.com/ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |