龙空技术网

easyread.js—给网站开启阅读模式html教程

小灯泡设计 91

前言:

而今姐妹们对“jquery添加readonly”可能比较珍视,你们都需要分析一些“jquery添加readonly”的相关资讯。那么小编也在网络上汇集了一些有关“jquery添加readonly””的相关资讯,希望同学们能喜欢,同学们一起来了解一下吧!


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:正文所在容器的类名

地址:

标签: #jquery添加readonly #jquery页面readonly