软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 新闻 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

一个帮助你提高阅读体验的jQuery页内书签插件 - youRhere

时间:03-02 16:28 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  大家肯定都有这样的体验,正当我们在专注的阅读某位大神的最新大作的时候,一个电话过来,当我们接完电话的时候,发现自己迷失在文章中,于是自己再从某部分开始重新阅读。

一个帮助你提高阅读体验的jQuery页内书签插件 - youRhere

大家肯定都有这样的体验,正当我们在专注的阅读某位大神的最新大作的时候,一个电话过来,当我们接完电话的时候,发现自己迷失在文章中,于是自己再从某部分开始重新阅读。我相信很多人都有类似的糟糕阅读体验,而今天我们介绍的这款jQuery插件 - youRhere,将能够让你的用户在阅读文章过程中,解决这个继续阅读的问题。希望大家喜欢这个插件,个人觉得很不错!

主要特性

1.免费开源,自由下载,当然你去youRhere网站看不到jQuery下载地址,可以在本文演示下载地址

2.使用HTML5的本地存储API,需要你使用现代浏览器

3.支持“左到右“和“右到左“阅读

4.初次使用的向导

5.使用简单

6.支持多浏览器,IE,Firefox,Chrome,并且支持Chrome插件

7.10k的javascript,需要jQuery类库支持

如何使用

使用很简单,你可以直接在本文的演示下载地址下载,下载类库后,调用如下:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="js/jquery.yourhere.js"></script>

调用方法并且设置参数,如下:

$(document).ready(function(){

$('#gbin1demo').yourhere({

markerBackground:'url(images/marker.png) no-repeat center center',

markerWidth: '13px',

tempMarkerBackground: 'url(images/tempMarker.png) no-repeat center center',

markerLineBackground:'#CCC’

});

});

全部代码完成,这个jQuery的插件是不是很简单。

参数说明

参数名和缺省值,如下:

firstTimeWizard: true - 是否使用首次使用向导

useLocalStorage: true - 是否使用HTML5本地存储

autoScrollToMarker: true - 是否自动滚动标记

markerDirection: ‘left’ - 书签标记位置

tempMarkerBackground: ‘#b7b7b7’ - 选择行时悬浮的书签标记背景图片

markerLineBackground: ‘#FFF82A’ - 书签标记背景图片

markerBackgroundOpacity: ‘0.7’ - 背景图片透明度

markerBackground: ‘#000’ - 书签标记背景图片背景颜色

markerWidth: ‘5px’ - 书签标记宽度

supportedElements: ‘h1, h2, h3, h4, h5, h6, p, ul, li’ - 书签标记支持的元素

来源:一个帮助你提高阅读体验的jQuery页内书签插件 - youRhere

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,一个帮助你提高阅读体验的jQuery页内书签插件 - youRhere对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与一个帮助你提高阅读体验的jQuery页内书签插件 - youRhere无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈