jquery移至顶部底部按钮特效js代码

版权:原创 更新时间:1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery移至顶部底部按钮特效js代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:

部分效果截图:

jquery移至顶部底部按钮特效js代码

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Scolling Up and Down with jQuery</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Scolling Up and Down with jQuery" />
        <meta name="keywords" content="jquery, scoll, move, up, down" />
		<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
    </head>
    <style>
        body{
            background-color:white;
            margin:0px;
            padding:120px 0px 0px;
            font-family:"Trebuchet MS";
            color:#555;
        }
        .content{
            width:700px;
            padding:30px;
            position:absolute;
            top:40px;
            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;
        }
        a.back{
            background:transparent url(codrops_back.png) no-repeat top left;
            position:absolute;
            top:5px;
            right:5px;
            width:165px;
            height:25px;
        }
    </style>
    <body>
        <div id="content" class="content">
            <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
            </p><p>
                Referring to our wired planet as a "global village" makes about as
                much sense as calling multinational companies "global craft shops":
                it works fine so long as you attach meaning only to the first word of
                the phrase.  In the case of "global village," however, nearly all the
                emotional freight is delivered by the second word.  Given how few of
                us can claim any direct experience of a traditional village culture,
                one wonders what it is we're really saying.
            </p><p>
                No one can doubt that the world's wiring reflects the imperatives of
                business.  To a first approximation, the global village <i>is</i> the
                global "craft shop" -- which only adds to the perplexity, since the
                patterns of community we have built into our corporations are not
                widely felt to be villagelike.
            </p><p>
                On the other hand, we have fed for some years now on certain images of
                electronic, transnational, people-to-people contact.  A few well-
                publicized faxes and Internet messages from Tienanmen Square and
                coup-threatened Russia greatly encouraged our already eager
                sentiments.  Somehow we can't help ourselves:  all this opportunity to
                pass messages around just <i>must</i> lead to an era of peace and
                neighborly understanding.  At the very least, we cannot deny that the
                communication itself is a good thing!
            </p><p>
                There are strange juxtapositions here.  Many of those societies in
                which the village has until now remained central -- societies where
                networking is as easy as saying hello to a neighbor -- are busily
                dissolving themselves in the cauldron of their own unrepressed fury,
                villager pitted mercilessly against villager.  Surely <i>this</i> is
                not the community we wish to globalize!  Where then, one asks,
                <i>is</i> our model?  Perhaps it is merely a ghastly sense for the
                ironic that prompts us to hail the birth of the global village just as
                villages around the world are self-destructing.  But the unwelcome
                thought nags:  could it be that what we so eagerly embrace, unawares,
                are the powers of dissolution themselves?</p>
            <h2>Legacy of the colonial village   </h2>
            <p>
                The current ethnic strife forces at least one self-evident lesson upon
                us:  there are ways to bring diverse peoples together -- to give them
                common institutions, a common currency for cultural exchange, common
                purposes and undertakings on the world scene -- while yet failing
                utterly to bridge hellish chasms dividing human being from human
                being.  It is not just that the Soviet experiment and the colonization
                of Africa failed -- as they did even in their most benign
                manifestations.  More than that, they were gigantic incubators for
                future misunderstanding and strife.  And no one can doubt that the
                transcultural nature of the experiments -- the tendency to globalize
                and rationalize human interaction without a proper foundation within
                the depths of the human being, without a true meeting of persons
                across the superficially breached cultural barriers -- has contributed
                to the massive regional disasters that have afflicted former colonies
                in recent decades.  In this context, the global village looks all too
                much like a convenient means for universalizing the conflicts already
                so evident in the "colonial village."
            </p>
            <p>
                You may wish to dismiss ethnic hatreds as resulting from the very sort
                of oppressive domination our global networks will hereafter make
                impossible.  The political power of the fax and all that.  I don't
                doubt that particular styles of domination <i>may</i> eventually pass
                from history's stage -- or even that electronic communication may play
                a part in the passing.  What concerns me is the likelihood of our
                expressing within a new social and technological landscape the same
                spiritual vacuity that gave rise to the old tyrannies.
            </p>
            <p>
                Can we claim to have composed the elusive melody that brings neighbor
                into harmony with neighbor?  Whatever that melody may be, it was
                woefully unsung in the villages of Bosnia, where the people had long
                been able to talk to each other unimpeded.  The grounds are tenuous
                indeed for thinking that proper electronic links were the critical,
                missing elements in villages subsequently shattered by the shrill
                dissonance of a hatred long inaudible even to its owners.</p>
            <h3>Giving in marriage   </h3>
            <p>
                These observations may seem overwrought in the context of the
                Internet.  That, in fact, is precisely what worries me.  In dealing
                with the titillating prospects of a new electronic culture, we
                naturally find ourselves talking about human beings who have become
                manageable abstractions of themselves.  Sharing information and
                cooperating in purely technical undertakings too easily figures, in
                the electronically adapted imagination, as "village paradise
                regained."  Yet the global peace and understanding of this levitated
                discourse are only pale shadows of the peace-giving powers we must
                summon if we are to assist the transformation of an all-too-real
                village where the inhabitants rape, mutilate, and kill their
                neighbors.  Moreover, the widespread substitution of an abstract,
                "information-rich" discourse for a more muscular and humanly
                <i>present</i> interaction may be very much part of the formula for
                mutual alienation, the consequences of which we are now seeing in the
                world.
            </p>
            <p>
                I am not saying it is impossible to express deep human concern to
                another person in an email message.  There's no need to tell me how
                you met your spouse over the Net, or how you participated in a
                successful, electronic fund drive for a charity.  I know about these
                things and am glad for them.  So, too, people were happily given in
                marriage throughout Bosnia, until a year or two ago.  But to leave
                matters there is to refuse to probe the subtle weave of shaping forces
                from which an unexpected future may crystallize.
            </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>
                We in the West have distilled the abstract essence of logic and
                mathematics from our former worlds of interest (for example, from the
                behavior of the night sky).  Unfortunately, we have proven less adept
                at recovering the possibilities of meaning in the original subject
                matter once we have conformed our thoughts to its abstract distillate.
                The light of mathematics may have descended into our minds from the
                circling stars, but how many students of mathematics still look to the
                night sky with wonder?
            </p>
            <p>
                Our loss becomes an acute problem for others when we apply our now
                disembodied rationality (often in the form of computer programs such
                as expert systems) to the concrete needs of developing nations.  This
                rationality, detached as it is even from our own former sources of
                meaning, is doubly alien to the people we would help.  And what
                meaning we do invest in software and technology remains, for the most
                part, unconscious.
            </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.  Worse, the kind of community
                from which Western technical systems commonly arise is, for the most
                part, <i>non</i>community -- typified by the purely technical, one-
                dimensional, commercially motivated, and wholly rationalized
                environments of corporate research and development organizations.
            </p>
            <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.  And given
                the aggressively self-driven, uncontrollable nature of Western
                technology today, it almost certainly <i>will</i> destroy the inner
                world -- which is to say, the culture -- of the recipient societies.
                It will likely do so much more rapidly, even, than it has been
                uprooting the culture of the originating nations.</p>
            <h3>Technology in place of culture   </h3>
            <p>
                Schoenhoff remarks that what we export today is no longer simply the
                various products of Western expertise.  "Western expertise itself has
                become the [exported] technology" -- for example, in the form of
                expert systems. <a href="#fn5" name="fn5.0">/5/</a> But this holds
                true for much more than expert systems.  The entire technical
                infrastructure, including the computer networks upon which everything
                is increasingly founded, enforces an imperial "wisdom" of its own.
                Ellul speaks, for example, about the centralizing character of even
                the most distributed networks.  It is a centralization without need of
                a center:  a governing logic, a systematic requirement for
                interaction, a necessary rationalization of all the parts within a
                huge, incomprehensible, but perfectly coherent and compelling
                totality.  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>
            <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>
            </ul>
        </div>
		
		<div style="display:none;" class="nav_up" id="nav_up"></div>
		<div style="display:none;" class="nav_down" id="nav_down"></div>
        
		<script src="jquery-1.3.2.js" type="text/javascript"></script>
		<script src="scroll-startstop.events.jquery.js" type="text/javascript"></script>
		<script>
			$(function() {
				var $elem = $('#content');
				
				$('#nav_up').fadeIn('slow');
				$('#nav_down').fadeIn('slow');  
				
				$(window).bind('scrollstart', function(){
					$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
				});
				$(window).bind('scrollstop', function(){
					$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
				});
				
				$('#nav_down').click(
					function (e) {
						$('html, body').animate({scrollTop: $elem.height()}, 800);
					}
				);
				$('#nav_up').click(
					function (e) {
						$('html, body').animate({scrollTop: '0px'}, 800);
					}
				);
            });
        </script>
    </body>
</html>

CSS代码(style.css):

.nav_up{padding:7px;background-color:white;border:1px solid #CCC;position:fixed;background:transparent url(../images/arrow_up.png) no-repeat top left;background-position:50% 50%;width:20px;height:20px;bottom:10px;opacity:0.7;left:30px;white-space:nowrap;cursor:pointer;-moz-border-radius:3px 3px 3px 3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-khtml-border-top-left-radius:3px;-khtml-border-top-right-radius:3px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.nav_down{padding:7px;background-color:white;border:1px solid #CCC;position:fixed;background:transparent url(../images/arrow_down.png) no-repeat top left;background-position:50% 50%;width:20px;height:20px;bottom:10px;opacity:0.7;left:70px;white-space:nowrap;cursor:pointer;-moz-border-radius:3px 3px 3px 3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-khtml-border-top-left-radius:3px;-khtml-border-top-right-radius:3px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
附件:下载该文件资源,减少时间成本(增值服务)
留言
该资源可下载
File Source
.rar
56.96 KB
jquery特效6
最新结算
HTM5 Canvas实现3D飞机飞行动画特效代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
HTM5 Canvas实现3D飞机飞行动画特效代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery图像缩放工具插件Zoomer特效代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery图像缩放工具插件Zoomer特效代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
Labelauty–jQuery单选框_复选框美化插件特效代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
Labelauty–jQuery单选框_复选框美化插件特效代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery网页版打砖块小游戏源码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery网页版打砖块小游戏源码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害,或使用了您的版权,请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
联系我们
  • QQ:21499807
  • 邮箱:sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章