码迷,mamicode.com
首页 > Web开发 > 详细

jWriter一个基于jQuery的阅读写作网站的效果库

时间:2015-02-04 01:57:43      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

看了一下据上次更新已经四个月了,时间过的好快。自从上次面试前端岗时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的阅读写作网站的效果库

标签:

原文地址:http://www.cnblogs.com/bear-lab/p/4271389.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!