jBookMark：一款基于jQuery的文章阅读书签工具

jBookMark: A jQuery Marking Tool 选中一行，按住鼠标，同时按下B键，将创建一个书签（左边出现小方块图标，可替换为更美观的图标）。点击可删除。

jQuery，插件

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1784
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

$(document).mousedown(function(e) {
                mousedown = e.pageY + 'px';
            }).mouseup(function(e) {
                mousedown = '';
            });
        });
    };
    var bmark;
    $.fn.bookmark.navigate  = function(o,order) {
            if($('.bookmark').length){
                $('BODY').children('.bookmark').css('background-color','white');
                if(order=='asc'){
                    if(!bmark){
                        bmark = $('BODY').children('.bookmark').eq(0);
                    }   
                    else{
                        if(($(bmark).next().length)&&($(bmark).next().hasClass('bookmark')))
                            bmark = $(bmark).next();    
                        else    
                            bmark = $('BODY').children('.bookmark').eq(0);
                    }   
                    $('html, body').animate({scrollTop: bmark.css('top')}, 200);
                    bmark.css('background-color',o.color);
                }
                else{
                    if(!bmark){
                        bmark = $('BODY').children('.bookmark').eq($('BODY').children('.bookmark').length-1);
                    }   
                    else{
                        if(($(bmark).prev().length)&&($(bmark).prev().hasClass('bookmark')))
                            bmark = $(bmark).prev();    
                        else    
                            bmark = $('BODY').children('.bookmark').eq($('BODY').children('.bookmark').length-1);
                    }   
                    $('html, body').animate({scrollTop: bmark.css('top')}, 200);
                    bmark.css('background-color',o.color);
                }
            }   
    };
    $.fn.bookmark.defaults = {
        color       : '#1111FF',
        maximum     : 10
    };
})(jQuery);

$('body').bookmark();

编译

CSS

body {
            background-color: #D3FFDE;
            margin: 0px;
            padding: 120px 0px 0px;
            font-family: "Trebuchet MS";
            color: #555;
        }
        .header {
            background: transparent url(http://tympanus.net/jBookMark/header.png) repeat-x top left;
            height: 120px;
            top: 0px;
            left: 0px;
            right: 0px;
            position: absolute;
        }
        .header h1 {
            color: #fff;
            border-bottom: none;
            font-size: 45px;
            margin: 0px;
            padding: 15px 0px 0px 15px;
        }
        .header h4 {
            color: #f0f0f0;
            margin: 0px 0px 0px 140px;
            padding: 0px;
        }
        .content {
            width: 700px;
            padding: 30px;
            position: absolute;
            top: 140px;
            left: 20%;
            right: 20%;
            background-color: #fff;
            text-align: justify;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
            border: 2px solid #777;
        }
        h1,
        h2,
        h3 {
            border-bottom: 1px dashed #ccc;
            padding: 20px;
        }
        blockquote {
            background-color: #f0f0f0;
            padding: 10px;
            font-style: italic;
        }
        .info {
            width: 200px;
            height: 430px;
            background-color: #777;
            color: #fff;
            font-size: 12px;
            position: fixed;
            top: 140px;
            right: 0px;
            -moz-border-radius: 30px 0px 0px 30px;
            -webkit-border-top-left-radius: 30px;
            -webkit-border-bottom-left-radius: 30px;
            border: 2px solid #fff;
        }

HTML

<div class="header">
    <h1>jBookMark</h1>
    <h4>jQuery Marking Plugin</h4>
</div>
<div class="info">
    <h3>How to</h3>
    <ul>
        <li>Click with the mouse on the line that you want to mark or any other place in the page.</li>
        <li>Hold the mouse and press 'B'. You can do this as many times as you defined in the plugin settings (maximum)</li>
        <li>Press N to move through your bookmarks. You can press SHIFT + N to move backwards. They will get hightlighted when stepping through them.</li>
        <li>Click on any bookmark to delete it.</li>
        <li>Press D to delete them all.</li>
    </ul>
</div>
<div id="content" class="content">
    <h1>Do We Really Want a Global Village?</h1>
    <p>

This is Chapter 9 of <i>The Future Does Not Compute: Transcending the
                Machines in Our Midst</i>, by <a href="">Stephen L. Talbott</a>. Copyright 1995 O'Reilly & Associates. All rights reserved. You may freely redistribute this chapter in its entirety for noncommercial purposes. For information about the
        author's online newsletter, NETFUTURE: Technology and Human Responsibility, see <a href="https://www.netfuture.org/">https://www.netfuture.org/</a>.
    </p>
    <p>
                Doris M. Schoenhoff, in <i>The Barefoot Expert</i>, points out that
                expertise -- the kind we export to other nations -- is always
                "embedded in a community and can never be totally extracted from or
                become a replacement for that community. <a href="#fn2"
                                                            name="fn2.0">/2/</a> When we attempt the abstraction and apply the
                result across cultural boundaries, the logic and assumptions of our
                technology can prove bitterly corrosive. 
            </p>
    <p>
        A global electronic culture can, in one sense or another, bring about a union of peoples. The question is whether this union only offers a less visible -- and therefore more insidious -- communal dissociation than was effected by the failed political
        unions of the past. Recognizing such things is painfully difficult; how many Yugoslavs in 1990 could have looked into their own hearts and the hearts of their neighbors and descried the conflagration to come? And it may be precisely <i>this</i>        sort of recognition that an online culture suppresses more effectively than any external authority possibly could. Many indeed -- by their own testimony -- have seized upon the Net as an opportunity, not to face what they are, but to live out
        their fantasies.</p>
    <h2>Technology transfer   </h2>
    <p>
        The global village is by all accounts a technological creation. Many would-be village architects are inspired by the endless potentials they discern in a satellite dish planted among thatched-roof houses. This techno-romantic image calls up visions of
        information sharing and cooperation, grassroots power, and utopian social change.
    </p>
    <p>
        What it ignores is the monolithic and violently assimilative character of the resulting cultural bridges. Jerry Mander and many others have given us a hair-raising account of the effects of technological imperialism upon native peoples around the world.
        <a href="#fn1" name="fn1.0">/1/</a> A global village that leaves no place for native or alternative cultures seems uncomfortably like the old colonialism in a new guise. But this statement requires some elaboration.</p>
    <h3>Sources of satisfaction   </h3>
    <p>
        Within our own society, even food is subject to technological manipulation. We can produce various artificial foods, supposedly nourishing, and the inevitable temptation is to bring such products to bear upon the problems of hunger in the world. But this
        meets surprising resistance. As Jacques Ellul puts it,</p>
    <blockquote> We must not think that people who are the victims of famine will eat anything. Western people might, since they no longer have any beliefs or traditions or sense of the sacred. But not others. We have thus to destroy the whole social structure, for
        food is one of the structures of society.
    </blockquote>
    <a href="#fn3" name="fn3.0">/3/</a>
    <p>
        What has for us become a merely technical problem may well remain for other cultures an intricate nexus of profound meanings. The wonderful rationality of our solutions easily destroys the only things that really count. "It is discomforting," writes Denis
        Goulet,</p>
    <blockquote> for a sophisticated technical expert from a rich country to learn that men who live on the margin of subsistence and daily flirt with death and insecurity are sometimes capable of greater happiness, wisdom, and human communion than he is, notwithstanding
        his knowledge, wealth, and technical superiority.
    </blockquote>
    <a href="#fn4" name="fn4.0">/4/</a>
    <p>
        This is not to justify the continued existence of poverty, but only to point toward the inner world from which alone meaning can arise. When technology arbitrarily destroys inner worlds, its logically compelling aspect begins to look like a grotesque,
        mechanical sneer.</p>
    <h3>Technology in place of culture   </h3>
    <p>This rationalization is just "in the nature of things." The uncounted fragments of logic continually being added to the system through millions of separate processes that no one can fully comprehend or even know about -- all these demand their own,
        mutual rationalization, and we ourselves are unavoidably pulled along by the grand pattern. <a href="#fn6" name="fn6.0">/6/</a>
    </p>
    <p>
        In this sense, even if in no other, the global village is a kind of global totalitarianism. And one thing it asks of us is clear: in attacking any local problem we must yield first of all, not to the meanings inherent in the problem, but to the constraining
        necessity of the global system itself. The village farmers in Nepal may not feel any need of a satellite dish, but they will receive one nevertheless; it is a prerequisite for "development."
    </p>
    <p>
        But, as I have already pointed out, this willy-nilly imposition of technology destroys the fabric of meaning by which communities are knit together. Our bafflement over conflicts in the global village reflects a forgetfulness of the fact that human life
        can be sustained only within a sea of meaning, not a network of information. When we disrupt this meaning with our detached logic and unrooted information, we cast the villagers into the same void that <i>we</i> have been able to endure
        only by filling it with endless diversions. Not everyone has access to our diversions -- and many of those who do are not so quickly willing to sell their souls for inane stimulations. Religious fanaticism -- to pick one alternative -- may prove
        more meaningful.</p>
    <h3>Philistine technology   </h3>
    <p>
        Our rush to wire the world will some day be seen to have spawned a suffering as great as that caused by this century's most ruthless dictators. There is no doubt about what we are up to. Our quest for a global village <i>begins</i> with the implementation
        of physical networks and accompanying technology. Then, of course, the local communities must adapt to this global, culture-destroying machine they have suddenly come up against. This sequence is vivid proof that the global village has absolutely
        nothing to do with culture, value, or meaning -- nothing to do with the traditional significance of community, with democratic values, or with anything else that grows up from the healthy depths of the human being. It is, purely and simply, the
        extension of a technical and commercial logic implicit in the wires already laid down.
    </p>
    <p>
        If we really wanted a global village, we would <i>start</i> with the local culture, learn to live in it, share in it, appreciate it, begin to recognize what is highest in it -- what expresses its noblest and most universal ideals -- and encourage
        <i>from within the culture</i> the development and fulfillment of these ideals. Only in this way can
        <i>any</i> culture enlarge itself.
    </p>
    <p>
        Technological change should be introduced only so far as it serves the natural, consciously chosen evolution of a people. "What is important," says Schoenhoff, "is that development, including technological and economic development, must proceed from a
        vision of the human person and the purpose of life and not simply from a theory of production and consumption <a href="#fn7" name="fn7.0">/7/</a> -- not even, I might add, from a theory of the production and consumption of the empty commodity
        we now call "information." In a healthy society, technology would emerge from the cultural matrix; it would not arbitrarily destroy that matrix.
    </p>
    <p>
        We can hardly play a positive role in the development of other cultures without first ennobling our own behavior to the point where we are no longer content to exploit those cultures for a strictly economic benefit. The real "meaning" of the world's wiring
        is in fact little more than the exploitation of commercial opportunities -- the purest philistinism -- in which nearly all of us are implicated. Enabling cultures around the globe to transform themselves from within is hardly part of the picture.
    </p>
    <p>
        When cultures collapse instead of transcending themselves through their own best elements, only chaos can ensue. This is the whirlwind we have been reaping for some time. The current, furious attempts to assimilate every society to the inhuman imperatives
        of the information age will only intensify the maelstrom.</p>
    <h2>The lie   </h2>
    <p>
        It wasn't long ago when we smiled to ourselves at the reports of Russians and Chinese buying up blue jeans and dancing to rock music. Somehow we knew that this meant we were winning. No doubt our confidence was justified -- and all the more as we penetrate
        our "enemies" by means of commercial television, cinema, and, finally, the fully integrated logic and the virtually real images of a brave new world. And yet, we are only now beginning to sense, with a restless foreboding, the slowly emergent
        effects of these images upon our own culture. What if it turns out that "winning" is the worst possible outcome?
    </p>
    <p>
        The obvious lie should already have alerted us to the dangers. A culture that has largely succeeded in eradicating the last traces of its own village life turns around and -- by appealing to a yet further extension of the eradicating technology -- encourages
        itself with Edenic images of a global village. This is Doublespeak. The television, having helped to barricade the villager behind the walls of his own home, will not now convert the world into a village simply by enabling him to watch the bombs
        as they rain upon Baghdad. Nor will we suddenly be delivered from ourselves by making the television interactive and investing it with computing power. (Interactivity allows, among other things, the hand to guide the bomb to its target.) In none
        of this do we see a healing of the terms of human exchange. Nor do we see evidence of escape from the inexorable, despotic logic already responsible for the fortification and isolation of our own inner-city "villages."
    </p>
    <p>From <a href="view-source:https://netfuture.org/fdnc/ch09.html">THE FUTURE DOES NOT COMPUTE</a>
    </p>
    <h2>References   </h2>
    <p> <a name="fn1" href="#fn1.0">1</a>. Mander, 1991. Also see chapter 5, "On Being Responsible for Earth."</p>
    <p> <a name="fn2" href="#fn2.0">2</a>. Schoenhoff, 1993: 115.</p>
    <p> <a name="fn3" href="#fn3.0">3</a>. Ellul, 1990: 53.</p>
    <p> <a name="fn4" href="#fn4.0">4</a>. Quoted in Schoenhoff, 1993: 80.</p>
    <p> <a name="fn5" href="#fn5.0">5</a>. Schoenhoff, 1993: 75.</p>
    <p> <a name="fn6" href="#fn6.0">6</a>. Ellul, 1990: 162-63.</p>
    <p> <a name="fn7" href="#fn7.0">7</a>. Schoenhoff, 1993: 82-83.</p>
    <ul>
        <li><a href="index.html">Go to <i>The Future Does Not Compute</i> main page</a> </li>
        <li><a href="toc.html">Go to table of contents</a> </li>
        <li>This document: https://netfuture.org/fdnc/ch09.html</li>
    </ul>
</div>
<script src="/uploads/160101/jquery-1.4.2.min.js" type="text/javascript"></script>

jBookMark: A jQuery Marking Tool 选中一行，按住鼠标，同时按下B键，将创建一个书签（左边出现小方块图标，可替换为更美观的图标）。点击可删除。

jQuery，插件

编辑器支持Emmet

快捷键

jBookMark: A jQuery Marking Tool 选中一行，按住鼠标，同时按下B键，将创建一个书签（左边出现小方块图标，可替换为更美观的图标）。点击可删除。

jQuery，插件

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：