首页 > 代码库 > jWriter一个基于jQuery的阅读写作网站的效果库
jWriter一个基于jQuery的阅读写作网站的效果库
看了一下据上次更新已经四个月了,时间过的好快。自从上次面试前端岗时js的能力遭到深深的鄙视后,就在补js的坑了。先是各种看书,接着是期末考试,然后家里有事又耽搁了。在此期间想把用来练手的网站的前端部分重构一下,于是手写了一些jQuery的效果,也就是jWriter了。话说扔了几个月又捡起来的结果就是,看书时都感觉清楚无比的方法什么的全部都忘了,三天不练手生,真理啊。
jWriter,一个基于jQuery的阅读写作网站的效果库,用到了部分js原生代码不过都有注释。全部代码都没进行封装过,看起来可能有点脏,不过难懂的地方都给注释了,适合jQuery初学者学习交流用。
github的地址在:https://github.com/posebear1990/jWriter
github账号求关注,大家可以互(yue)粉(pao)交(gao)流(ji)吖~
目前已经实现的效果有:(预览地址是用一个专门用来预览github项目网站htmlpreview实现的,挺好用的,帮他们广而告之一下:)
网站地址:http://htmlpreview.github.io/ 项目地址:https://github.com/htmlpreview
显示更多:点击按钮后可以显示隐藏的内容,貌似挺适合放在阅读类网站的首页,点击后显示文章的全部内容。
预览地址:http://htmlpreview.github.io/?https://github.com/posebear1990/jWriter/blob/master/showmore/showmore.html
活动提示块:鼠标滑过某个区域会出现提示块,适合用在对浏览器默认的提示块的显示速度,和样式不满意的情况。
预览地址:http://htmlpreview.github.io/?https://github.com/posebear1990/jWriter/blob/master/slidetip/slidetip.html
固定提示块:鼠标滑过某个区域会出现固定(即不随鼠标移动的提示块),适合用在固定的边栏或者导航上显示注释内容,避免鼠标的遮挡。
预览地址:http://htmlpreview.github.io/?https://github.com/posebear1990/jWriter/blob/master/fixtip/fixtip.html
固定分享按钮:选中页面中文字后分享到新浪微博,之所以说固定是因为分享按钮是出现在文章div一侧的固定距离的,个人感觉这样比时时刻刻跟在鼠标旁体验要好^_^。
预览地址:http://htmlpreview.github.io/?https://github.com/posebear1990/jWriter/blob/master/fixshare/fixshare.html
jWriter一个基于jQuery的阅读写作网站的效果库