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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。