Jquery实现文章字体大小切换效果代码

时间：2022-11-14 22:03:24 编辑：袖梨来源：一聚教程网

slice() 方法可从已有的数组中返回选定的元素。
arrayObject.slice(start,end)。
start 必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。
jQuery代码如下：

代码如下	复制代码

下面我们来看一个应用实例，把功能增加到WordPress博客中去

首先你需要用到的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;}

/*当你点击小,中,大其中任意的名称的时候，字体会变粗，颜色会改变。*/

这样我们就设置好字体大小设置了，只要我们点击大小即可。

推荐专题

最新下载

热门教程

Jquery实现文章字体大小切换效果代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程