easyread.js—给网站开启阅读模式html教程
easyread是我看了遨游浏览器自带的“阅读模式”后,感觉这个功能挺好的,所以想在自己的博客上添加这个功能。于是就在自己的博客上完成了这个功能。这时候一个朋友感觉这个效果也不错,于是就问我要了源码。我想可不可以做成像网上的其他jQuery插件一样,用户可以把这个功能当成一个jQuery插件,用的时候只需要引入js和css等,然后自己设置相关的代码呢?于是我就开始着手将其改成一个jQuery插件的形式。因为是第一次写jQuery插件,可能很多地方都不符合jQuery插件的规范,希望各位朋友想我多多提出宝贵的建议,让这个插件更加完善。最后因为这个插件是为了方便浏览者阅读的于是就给他起了个名字叫做easyread
<link rel="stylesheet" type="text/css" href="../style.css">
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.easyread.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".read").easyread({
titleClass:"article_content",
contentClass:"article_title"
});
});
</script>
参数详解
titleClass:标题所在容器的类名
contentClass:正文所在容器的类名
文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/81
0 评论
4.4k
发表评论
热门文章
自媒体博客Spimes主题33w 阅读
Spimes主题专为博客、自媒体、资讯类的网站设计....
vCard主题个人简历主题13w 阅读
一款个人简历主题,可以简单搭建一下,具体也比较简单....
Splity博客双栏主题11w 阅读
仿制主题,Typecho博客主题,昼夜双版设计,可....
Spzac个人资讯下载类主题11w 阅读
用于作品展示、资源下载,行业垂直性网站、个人博客,....
热评文章
自媒体博客Spimes主题416 评论
Splity博客双栏主题187 评论
Spzac个人资讯下载类主题89 评论
Splinx博客图片主题35 评论
Spzhi知识付费社区主题34 评论
三栏清新博客S_blog主题30 评论
vCard主题个人简历主题29 评论
Pure轻简主题28 评论
54447454
10月31日
[已回复]
能重复在发一下吗,无法下载了