- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了一个我非常满意的网页,只是它在不同尺寸的显示器上看起来不同。基本思想是将鼠标悬停在单词上,然后它们会永远出现和消失。在我的笔记本电脑上,我已经做到了让文字到达页面的边缘——只要它是全屏的——然后在下一行继续,但我注意到这不能正常工作在不同大小的屏幕上。问题在于我也将底部边框用作美学元素。每行都是自己的元素,有自己的边框,因此每行文本都位于灰色条的顶部。
无论如何我可以调整页面的大小或任何东西以适应不同尺寸的显示器吗?
CSS:
$(document).ready(function() {
var exceptions = ["bulls", "rhymes,", "spin", "blinding", "pinched", "oxygen", "tendrils", "exact", "agreement", "combination", "swallow", "smiles",
"mirror", "treehouse", "project", "dwindling", "laughing", "fall", "stupor", "breaking", "skin", "untimely", "tears", "mutely", "shoelaces",
];
var moreExceptions = ["stolidly", "astronomy", "nymphs", "exist", "ecstasy", "compounds", "music", "rope", "flit", "conjure", "frisked", "rabid"];
var evenMoreExceptions = ["sky", "astral-flower,", "free", "stupid", "stream", "particle", "echo", "grown", "electron", "Moans", "swig", "huddled", "clearing", "soothsayer", "sylph", "laughing", "technicolor", "stuffed", "chanting", "tearing", "spitting", "sheep"];
$("p").each(function() { //for all paragraphs
var txt = $(this).text() //get text, split it up, add spans where necessary, put it back together
.split(" ")
.map(function(x) {
var $word = $("<span>").text(x); //create '<span>'+x+'</span>' as jQuery object
if (exceptions.includes(x.toLowerCase())) {
return $word.addClass("alwaysVisible").prop("outerHTML"); //return object as a string
}
if (moreExceptions.includes(x.toLowerCase())) {
$word.addClass("hiddenAtFirst"); //special class for words from moreExceptions
}
if (evenMoreExceptions.includes(x.toLowerCase())) {
$word.addClass("hiddenAtFirstAndThen"); //special class for words from evenMoreExceptions
}
return $word.addClass("hover").prop("outerHTML");
}).join(" ");
$(this).html(txt); //set the text to our newly manipulated text
}).on("mouseout", ".hover", function() {
$(this).removeClass("hover"); // without .hover it will reappear again
//if it's from moreException list
if ($(this).hasClass("hiddenAtFirst")) {
$(this).addClass("alwaysVisible"); //make it alwaysVisible
}
if ($(this).hasClass("hiddenAtFirstAndThen")) {
$(this).fadeOut(40000);
$(this).addClass("hover");
}
});
});
* {
background-color: black
}
h1 {
color: white;
text-align: center;
opacity: 0.5;
}
img {
width: 10%;
height: 10% opacity: 0.5;
}
.hover {
opacity: 0;
}
/* VISIBLE */
.alwaysVisible,
.hover:hover {
opacity: 1;
}
span {
transition: opacity 0.5s;
opacity: 0;
}
p {
cursor: default;
line-height: 200%;
border-bottom: solid;
border-color: rgb(50, 50, 50);
color: white;
font-size: 50px;
}
.instructions {
color: white;
}
@-webkit-keyframes p {
0% {
border-color: rgb(50, 50, 50);
}
100% {
border-color: rgb(20, 20, 20);
}
}
p {
cursor: default;
line-height: 200%;
border-bottom: solid;
border-color: rgb(50, 50, 50);
color: white;
font-size: 50px;
}
.instructions {
color: white;
}
@-webkit-keyframes p {
0% {
border-color: rgb(50, 50, 50);
}
100% {
border-color: rgb(20, 20, 20);
}
}
p {
/* set the animation on p which is the element that have the border */
-webkit-animation: p 3s infinite alternate;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="NarrativeTheory.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="NarrativeTheory.js"></script>
<div class="instructions">
Place your cursor directly below the arrow, and follow the lines left-to-right. Fullscreen your browser for best effect.
</div>
</head>
<body>
<img src="arrow.png">
<br>
<div class=s tory>
<p>
"Do you see it?" The Grandmaster calls out, "The Second </p>
<p> Star?" James did not see the Second Star, not even through the </p>
<p> telescope, but then again he was never very good at spotting </p>
<p> constellations. He remembers how his neighbor used to point </p>
<p> them out to him during neighborhood barbeques. Bulls and </p>
<p> lions so stolidly sitting in the sky. Those beasts you often hear </p>
<p> about in the Bible. When you actually saw them-at the zoo </p>
<p> or something-they looked quite pitiable and stupid. This is not </p>
<p> like that; this is science. No mythologies, characters or </p>
<p> rhymes; only astronomy and physics. "We see it!" Calls out </p>
<p> a young woman, about his own age. Her voice is smooth and </p>
<p> bursting with piety. She and some other folks are dancing </p>
<p> around, giddy at the coming transformation. She's not </p>
<p> extraordinarily pretty-none of them are really-but the glow of </p>
<p> their joy, the pure bliss that shines off of them in every </p>
<p> direction makes fine nymphs out of them. The childish spirits </p>
<p> spin around and giggle, jumping like stray flames from the </p>
<p> bonfire that had burned earlier. He admires them deeply. </p>
<p> He is a very large man, and although he has been working</p>
<p> toward letting his spirit fly free, he is not yet able to dance </p>
<p> with such blaze. "Come here children! Settle down!" The </p>
<p> Grandmaster shouts, wiping his brow. "Do you know why we </p>
<p> live out here?" he pauses, seemingly inhabited by some </p>
<p> wayward astral-flower, and sniffs. "Well, alright I'll tell you. </p>
<p> You see, the city is blinding; wayward light leaks from every </p>
<p> window." His voice softens, and he looks at us as a father </p>
<p> would, "And so here we are, come to a place of peace; where </p>
<p> the infinite pinched points of the universe, stream along in a </p>
<p> dance of profound revelry. Where power doesn't exist except </p>
<p> for the collective power. Come to me. Let's hold each other </p>
<p> now." Two women rush to either side of the Grandmaster </p>
<p> eagerly, as if trying to catch a butterfly. The whole group grabs </p>
<p> ahold of each other, however they can. Even though there are </p>
<p> at least eleven people between him and the Grandmaster, </p>
<p> James can still feel the tendrils of energy reach him through </p>
<p> the others. It feels warm and exact. His body reverberates with </p>
<p> the excitation. He feels himself drawing closer to the </p>
<p>
frequency of their leader-the Natural Frequency. "The light is </p>
<p> coming to carry us children! We shall soon ascend and </p>
<p> transcend. As both particle and wave we will rise from this </p>
<p> earth. As the ultimate purveyor of knowledge-we shall </p>
<p> become light itself, if only we prepare our bodies to reach the </p>
<p> Natural Frequency." His face and voice darken at once, "While </p>
<p> the unattuned become the less than dark, the nothing they have </p>
<p> always secretly known themselves to be." Moans of agreement </p>
<p> and ecstasy echo between the Children and the Grandmaster.</p>
<p> The energy compounds between them. The Resonance is </p>
<p> beginning. The Second Star and the First Star have grown </p>
<p> closer. They are almost exactly seven light-years apart now. </p>
<p> The Grandmaster tells them that this is the perfect distance </p>
<p> away. Tonight the combination of their light will produce the </p>
<p> Perfect Wave, a wave of light that contains frequencies in </p>
<p> perfect alignment with the frequency of both an electron and</p>
<p> a proton-the Natural Frequency. The rest of the world will </p>
<p> fade, but the Children will join the light due to their perfect </p>
<p> attunement. "The world is so dark," the Grandmaster begins </p>
<p> again, sobbing, "It's so dark. It's just not fair." The rest of the </p>
<p> group begins to cry as well. Their passionate moans have </p>
<p> turned to despairing wails. James too sheds a few tears. He </p>
<p> couldn't convince them. They wouldn't come with him. "We </p>
<p> tried to free them Children. We really did try our best. But it's </p>
<p> time to go. Let's swallow them down and begin the </p>
<p> Attunement." James looks at the Attunement Agent in his </p>
<p> hand, designed by the Grandmaster himself to allow the </p>
<p> frequencies of his body to merge with the Natural Frequency. </p>
<p> He puts the pill in his mouth, and takes a swig from the </p>
<p> water bottle that someone has evidently handed him. As he </p>
<p> throws his head back to swallow the pill, he sees the stars, </p>
<p> mutely dinging in the sky. He feels very, very good now.</p>
<p>**************************************************************************************************************************************************************</p>
<p> James wakes up. There is still a world. He is not light, but he </p>
<p> is still something. He misses the feeling he felt before. Again </p>
<p> hungry for the flesh of imagined sweetings, he rises to his feet. </p>
<p> They feel very heavy. He takes off his shoes and ties the </p>
<p> shoelaces together and they dangle from his fingertips, like </p>
<p> dice on a rear view mirror, as he wanders through a forest </p>
<p> unknown to him. He moves towards what little bonfire smoke </p>
<p> remained from the campsite. The sun is up, but just barely. As </p>
<p> he walks he sees the other children, some of them huddled </p>
<p> together, still sleeping, with smiles on their faces. Others look </p>
<p> a lot like him, wandering around aimlessly. He is too afraid to </p>
<p> speak to them. The energy is gone. They are all still here. We </p>
<p> are all still here. Very still. Where is the grandmaster? Has he </p>
<p> ascended? If he had ascended, why are the children still here? </p>
<p> Why is everything still here? He comes out of the woods, into </p>
<p> the clearing where they have built their houses. There is no </p>
<p> music playing, as there so often was. It is beginning to rain. </p>
<p> Good for the crops. He eyes the grandmaster's treehouse. He has </p>
<p> never been there. Grandmaster always told them that they </p>
<p> should not visit his lodging unless it was an absolute </p>
<p> emergency. And even then, if Daydream was available, they </p>
<p> were supposed to tell her and she was to summon him. But if </p>
<p> there ever was an emergency, this was it. Striding towards the </p>
<p> abode of the mistaken soothsayer, he tries to project confidence </p>
<p> as best as he can, but he is sure it is not working. He arrives at </p>
<p> the bottom of the rope ladder, and calls up to the grandmaster. </p>
<p> "Grandmaster!" He is surprised to hear his own voice; he had </p>
<p>not heard it by itself for so long. It does not sound the way that </p>
<p> he remembered it. But there is no response. He yells louder, but </p>
<p> still no reply. He looks around warily, seeing only wayward </p>
<p> children still dwindling around the edge of the woods, unsure of </p>
<p> how to continue. He drops his shoes and takes a step onto the </p>
<p>
ladder. He struggles even to balance on the first rung, but </p>
<p> pushes up. Swinging back and forth, he forces himself to reach </p>
<p> the top. He places his elbows on the floorboards, and peers </p>
<p> through the open door. There the grandmaster sits. His throat </p>
<p> laughing blood, Daydream sleeping forever in his arms. James </p>
<p> falls. It's about a six foot drop. Nothing terrible, but air seems </p>
<p> to flit away from him with each breath now. He lays on his </p>
<p> back. The oxygen is coming back to him, a tempestuous sylph </p>
<p> seeming sometimes to tempt him with an especially full breath</p>
<p> before teasing away again. But as he lays, it comes back to him. </p>
<p> It gets easier and by the end he breathes easily, his own form of </p>
<p> meditation. Some time passes, he is not sure how much, before </p>
<p> he rises to his feet. He is not sure whether he is in shock, but the </p>
<p> pain of the fall seems to have displaced the horror of what he </p>
<p> had seen. He goes back to his quarters, an old school bus that he </p>
<p> shares with about eight other men as living quarters. The </p>
<p> steering wheel was still attached, but the bus did not drive. Idly, </p>
<p> he sits and gives the steering wheel a turn or two. One man lays </p>
<p> on his mat, blissful and unconscious, like a stuffed animal. He </p>
<p> must have made his way back in the technicolor stupor. Habit is </p>
<p> a powerful hand to hold. Again, James is too afraid to wake </p>
<p> him, too afraid to speak to him. He does not know these people. </p>
<p> He only knows the grandmaster, and he has gone. James sits </p>
<p> incredulous in the seat of the bus. A riddling strand of accordion </p>
<p> rain weeps across the window, leaving behind it a trail of </p>
<p>
self-fragments before breaking up into nothing. The silence </p>
<p> which at first oppressed him, seemed to conjure up a kind of </p>
<p> peace within him now. There was no silence before. No matter </p>
<p> how early you woke up. Always people singing, yelling, </p>
<p> chanting their mantras, or perhaps the grandmaster would be </p>
<p> giving a sermon. He had a booming voice, one that really got </p>
<p> under your skin and frisked your spirit. But now, the noise </p>
<p> subsided, James can think again. He thinks first about how he </p>
<p> has no wallet, no ID, no social security number, no cellphone </p>
<p> and how there’s no landline. He then thinks about how he's not </p>
<p> sure how to get home, or if there still is a home. He hasn't talked </p>
<p> to his mother or father in years. They probably would not have </p>
<p> missed him anyway. What is there for him, out there? But then, </p>
<p> what is here? He peers out the window. It seems that the </p>
<p> children have discovered the untimely death of the grandmaster. </p>
<p> They are tearing anything and everything apart. They are </p>
<p> pulling the crops up, biting them and then spitting them onto </p>
<p> the ground. The shepherd has gone, and the sheep have grown </p>
<p> rabid in his absence. James isn't quite sure what to do. So he </p>
<p> just holds the steering wheel of the old school bus, and turns it. </p>
<p> Round and round, round and round.</p>
</div>
</body>
</html>
最佳答案
只有一件事会阻止您的页面按照您的预期去做,那就是:
*********************************************** ****************************************************** ****************************************************** **************
这基本上是一个很长的词。默认情况下,单词不会自行中断,因此它会拉伸(stretch)父元素和祖先元素,使您的页面比您想要的更宽。
删除此行,将其替换为其他内容或将 word-break: break-word;
应用于包含所有星号的元素。
$( document ).ready( function () {
var alwaysVisible = [
"bulls", "rhymes,", "spin", "blinding", "pinched",
"oxygen", "tendrils", "exact", "agreement", "combination",
"swallow", "smiles", "mirror", "treehouse", "project",
"dwindling", "laughing", "fall", "stupor", "breaking",
"skin", "untimely", "tears", "mutely", "shoelaces"
],
hiddenAtFirst = [
"stolidly", "astronomy", "nymphs", "exist", "ecstasy",
"compounds", "music", "rope", "flit", "conjure",
"frisked", "rabid"
],
hiddenAtFirstAndThen = [
"sky", "astral-flower,", "free", "stupid", "stream",
"particle", "echo", "grown", "electron", "Moans",
"swig", "huddled", "clearing", "soothsayer", "sylph",
"laughing", "technicolor", "stuffed", "chanting", "tearing",
"spitting", "sheep"
];
$( 'p' ).each( function () {
var $this = $( this );
// Get text, split it up, add spans, put it back together.
$this.html(
$.trim( $this.text() )
.split( /(\s+)/ )
.map( function ( txt ) {
// Return text node on whitespace, otherwise wrap text in <span>.
if ( /^\s$/.test( txt ) ) {
return document.createTextNode( ' ' );
} else {
var txtLC = txt.toLowerCase(),
$word = $( "<span>", {
text: txt
} )
classToApply = 'hover';
if ( -1 !== $.inArray( txtLC, alwaysVisible ) ) {
classToApply += ' alwaysVisible';
}
if ( -1 !== $.inArray( txtLC, hiddenAtFirst ) ) {
classToApply += ' hiddenAtFirst';
}
if ( -1 !== $.inArray( txtLC, hiddenAtFirstAndThen ) ) {
classToApply += ' hiddenAtFirstAndThen';
}
return $word.addClass( classToApply );
}
} )
); // .html()
} ).on("mouseout", ".hover", function() {
var $this = $( this );
$this.removeClass( 'hover' ); // Reset.
if ( $this.hasClass( 'hiddenAtFirst' ) ) {
$this.addClass( 'alwaysVisible' );
}
if ( $this.hasClass( 'hiddenAtFirstAndThen' ) ) {
$this.fadeOut( 40000 )
.addClass( 'hover' );
}
} );
} );
* {
background-color: black
}
h1 {
color: white;
text-align: center;
opacity: 0.5;
}
img {
width: 10%;
height: 10% opacity: 0.5;
}
.hover {
opacity: 0;
}
/* VISIBLE */
.alwaysVisible,
.hover:hover {
opacity: 1;
}
span {
transition: opacity 0.5s;
opacity: 0;
}
p {
cursor: default;
line-height: 200%;
border-bottom: solid;
border-color: rgb(50, 50, 50);
color: white;
font-size: 50px;
}
.break-word {
word-break: break-word;
}
.instructions {
color: white;
}
@-webkit-keyframes p {
0% {
border-color: rgb(50, 50, 50);
}
100% {
border-color: rgb(20, 20, 20);
}
}
p {
cursor: default;
line-height: 200%;
border-bottom: solid;
border-color: rgb(50, 50, 50);
color: white;
font-size: 50px;
}
.break-word {
word-break: break-word;
}
.instructions {
color: white;
}
@-webkit-keyframes p {
0% {
border-color: rgb(50, 50, 50);
}
100% {
border-color: rgb(20, 20, 20);
}
}
p {
/* set the animation on p which is the element that have the border */
-webkit-animation: p 3s infinite alternate;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="instructions">
Place your cursor directly below the arrow, and follow the lines left-to-right. Fullscreen your browser for best effect.
</div>
<img src="arrow.png">
<br>
<div class="story">
<p>
"Do you see it?" The Grandmaster calls out, "The Second </p>
<p> Star?" James did not see the Second Star, not even through the </p>
<p> telescope, but then again he was never very good at spotting </p>
<p> constellations. He remembers how his neighbor used to point </p>
<p> them out to him during neighborhood barbeques. Bulls and </p>
<p> lions so stolidly sitting in the sky. Those beasts you often hear </p>
<p> about in the Bible. When you actually saw them-at the zoo </p>
<p> or something-they looked quite pitiable and stupid. This is not </p>
<p> like that; this is science. No mythologies, characters or </p>
<p> rhymes; only astronomy and physics. "We see it!" Calls out </p>
<p> a young woman, about his own age. Her voice is smooth and </p>
<p> bursting with piety. She and some other folks are dancing </p>
<p> around, giddy at the coming transformation. She's not </p>
<p> extraordinarily pretty-none of them are really-but the glow of </p>
<p> their joy, the pure bliss that shines off of them in every </p>
<p> direction makes fine nymphs out of them. The childish spirits </p>
<p> spin around and giggle, jumping like stray flames from the </p>
<p> bonfire that had burned earlier. He admires them deeply. </p>
<p> He is a very large man, and although he has been working</p>
<p> toward letting his spirit fly free, he is not yet able to dance </p>
<p> with such blaze. "Come here children! Settle down!" The </p>
<p> Grandmaster shouts, wiping his brow. "Do you know why we </p>
<p> live out here?" he pauses, seemingly inhabited by some </p>
<p> wayward astral-flower, and sniffs. "Well, alright I'll tell you. </p>
<p> You see, the city is blinding; wayward light leaks from every </p>
<p> window." His voice softens, and he looks at us as a father </p>
<p> would, "And so here we are, come to a place of peace; where </p>
<p> the infinite pinched points of the universe, stream along in a </p>
<p> dance of profound revelry. Where power doesn't exist except </p>
<p> for the collective power. Come to me. Let's hold each other </p>
<p> now." Two women rush to either side of the Grandmaster </p>
<p> eagerly, as if trying to catch a butterfly. The whole group grabs </p>
<p> ahold of each other, however they can. Even though there are </p>
<p> at least eleven people between him and the Grandmaster, </p>
<p> James can still feel the tendrils of energy reach him through </p>
<p> the others. It feels warm and exact. His body reverberates with </p>
<p> the excitation. He feels himself drawing closer to the </p>
<p>
frequency of their leader-the Natural Frequency. "The light is </p>
<p> coming to carry us children! We shall soon ascend and </p>
<p> transcend. As both particle and wave we will rise from this </p>
<p> earth. As the ultimate purveyor of knowledge-we shall </p>
<p> become light itself, if only we prepare our bodies to reach the </p>
<p> Natural Frequency." His face and voice darken at once, "While </p>
<p> the unattuned become the less than dark, the nothing they have </p>
<p> always secretly known themselves to be." Moans of agreement </p>
<p> and ecstasy echo between the Children and the Grandmaster.</p>
<p> The energy compounds between them. The Resonance is </p>
<p> beginning. The Second Star and the First Star have grown </p>
<p> closer. They are almost exactly seven light-years apart now. </p>
<p> The Grandmaster tells them that this is the perfect distance </p>
<p> away. Tonight the combination of their light will produce the </p>
<p> Perfect Wave, a wave of light that contains frequencies in </p>
<p> perfect alignment with the frequency of both an electron and</p>
<p> a proton-the Natural Frequency. The rest of the world will </p>
<p> fade, but the Children will join the light due to their perfect </p>
<p> attunement. "The world is so dark," the Grandmaster begins </p>
<p> again, sobbing, "It's so dark. It's just not fair." The rest of the </p>
<p> group begins to cry as well. Their passionate moans have </p>
<p> turned to despairing wails. James too sheds a few tears. He </p>
<p> couldn't convince them. They wouldn't come with him. "We </p>
<p> tried to free them Children. We really did try our best. But it's </p>
<p> time to go. Let's swallow them down and begin the </p>
<p> Attunement." James looks at the Attunement Agent in his </p>
<p> hand, designed by the Grandmaster himself to allow the </p>
<p> frequencies of his body to merge with the Natural Frequency. </p>
<p> He puts the pill in his mouth, and takes a swig from the </p>
<p> water bottle that someone has evidently handed him. As he </p>
<p> throws his head back to swallow the pill, he sees the stars, </p>
<p> mutely dinging in the sky. He feels very, very good now.</p>
<p class="break-word">**************************************************************************************************************************************************************</p>
<p> James wakes up. There is still a world. He is not light, but he </p>
<p> is still something. He misses the feeling he felt before. Again </p>
<p> hungry for the flesh of imagined sweetings, he rises to his feet. </p>
<p> They feel very heavy. He takes off his shoes and ties the </p>
<p> shoelaces together and they dangle from his fingertips, like </p>
<p> dice on a rear view mirror, as he wanders through a forest </p>
<p> unknown to him. He moves towards what little bonfire smoke </p>
<p> remained from the campsite. The sun is up, but just barely. As </p>
<p> he walks he sees the other children, some of them huddled </p>
<p> together, still sleeping, with smiles on their faces. Others look </p>
<p> a lot like him, wandering around aimlessly. He is too afraid to </p>
<p> speak to them. The energy is gone. They are all still here. We </p>
<p> are all still here. Very still. Where is the grandmaster? Has he </p>
<p> ascended? If he had ascended, why are the children still here? </p>
<p> Why is everything still here? He comes out of the woods, into </p>
<p> the clearing where they have built their houses. There is no </p>
<p> music playing, as there so often was. It is beginning to rain. </p>
<p> Good for the crops. He eyes the grandmaster's treehouse. He has </p>
<p> never been there. Grandmaster always told them that they </p>
<p> should not visit his lodging unless it was an absolute </p>
<p> emergency. And even then, if Daydream was available, they </p>
<p> were supposed to tell her and she was to summon him. But if </p>
<p> there ever was an emergency, this was it. Striding towards the </p>
<p> abode of the mistaken soothsayer, he tries to project confidence </p>
<p> as best as he can, but he is sure it is not working. He arrives at </p>
<p> the bottom of the rope ladder, and calls up to the grandmaster. </p>
<p> "Grandmaster!" He is surprised to hear his own voice; he had </p>
<p>not heard it by itself for so long. It does not sound the way that </p>
<p> he remembered it. But there is no response. He yells louder, but </p>
<p> still no reply. He looks around warily, seeing only wayward </p>
<p> children still dwindling around the edge of the woods, unsure of </p>
<p> how to continue. He drops his shoes and takes a step onto the </p>
<p>
ladder. He struggles even to balance on the first rung, but </p>
<p> pushes up. Swinging back and forth, he forces himself to reach </p>
<p> the top. He places his elbows on the floorboards, and peers </p>
<p> through the open door. There the grandmaster sits. His throat </p>
<p> laughing blood, Daydream sleeping forever in his arms. James </p>
<p> falls. It's about a six foot drop. Nothing terrible, but air seems </p>
<p> to flit away from him with each breath now. He lays on his </p>
<p> back. The oxygen is coming back to him, a tempestuous sylph </p>
<p> seeming sometimes to tempt him with an especially full breath</p>
<p> before teasing away again. But as he lays, it comes back to him. </p>
<p> It gets easier and by the end he breathes easily, his own form of </p>
<p> meditation. Some time passes, he is not sure how much, before </p>
<p> he rises to his feet. He is not sure whether he is in shock, but the </p>
<p> pain of the fall seems to have displaced the horror of what he </p>
<p> had seen. He goes back to his quarters, an old school bus that he </p>
<p> shares with about eight other men as living quarters. The </p>
<p> steering wheel was still attached, but the bus did not drive. Idly, </p>
<p> he sits and gives the steering wheel a turn or two. One man lays </p>
<p> on his mat, blissful and unconscious, like a stuffed animal. He </p>
<p> must have made his way back in the technicolor stupor. Habit is </p>
<p> a powerful hand to hold. Again, James is too afraid to wake </p>
<p> him, too afraid to speak to him. He does not know these people. </p>
<p> He only knows the grandmaster, and he has gone. James sits </p>
<p> incredulous in the seat of the bus. A riddling strand of accordion </p>
<p> rain weeps across the window, leaving behind it a trail of </p>
<p>
self-fragments before breaking up into nothing. The silence </p>
<p> which at first oppressed him, seemed to conjure up a kind of </p>
<p> peace within him now. There was no silence before. No matter </p>
<p> how early you woke up. Always people singing, yelling, </p>
<p> chanting their mantras, or perhaps the grandmaster would be </p>
<p> giving a sermon. He had a booming voice, one that really got </p>
<p> under your skin and frisked your spirit. But now, the noise </p>
<p> subsided, James can think again. He thinks first about how he </p>
<p> has no wallet, no ID, no social security number, no cellphone </p>
<p> and how there’s no landline. He then thinks about how he's not </p>
<p> sure how to get home, or if there still is a home. He hasn't talked </p>
<p> to his mother or father in years. They probably would not have </p>
<p> missed him anyway. What is there for him, out there? But then, </p>
<p> what is here? He peers out the window. It seems that the </p>
<p> children have discovered the untimely death of the grandmaster. </p>
<p> They are tearing anything and everything apart. They are </p>
<p> pulling the crops up, biting them and then spitting them onto </p>
<p> the ground. The shepherd has gone, and the sheep have grown </p>
<p> rabid in his absence. James isn't quite sure what to do. So he </p>
<p> just holds the steering wheel of the old school bus, and turns it. </p>
<p> Round and round, round and round.</p>
</div>
div
不允许在头部,只能是metadata content被允许。将它移动到 body
,因为 head
不可见。$( this )
,缓存它。即 var $this = $( this )
。span
元素。即 var txt = $.trim( $this.text() );
。这是由于文档中尖括号之间的空白以及文本开始/结束的时间。这些额外的跨度在某些时候可能会或可能不会导致问题。取决于应用的样式。关于javascript - 如何根据不同的计算机停止不同大小的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43874535/
假设我有父页面。 当我单击“打印”时,会打开一个新选项卡(页面)以进行打印预览。 我想要的是,当我单击“打印”时,父选项卡(页面)上应显示覆盖层,以停止进一步的工作,直到子选项卡关闭。 Because
我知道这是不可能的,但我想我还是会问这个问题。 我有一个 HTTPS 页面,并且正在动态创建一个表单。我想将表单发布到 HTTP 页面。在浏览器不弹出警告的情况下这可能吗?当我在 IE8 上执行此操作
在我的应用程序中,我实现了ajax 4.0客户端模板 目前我的模板位于同一个.aspx页面上。 (例如 Main.aspx) 但我想将它们外部化。(即所有 HTML 都会放在另一个页面上) 为此,我使
我目前正在构建自己的网络应用程序。在此应用程序的标题中有一个导航栏。 我将相同的导航栏添加到我的所有 html 页面,以便在页面之间导航时保持可见,并将导航元素设置为事件到我现在所在的页面。 我的
我们有一个在集成管道下运行的 IIS7 Intranet 站点,该管道主要是 ASP.Net,带有一些传统的经典 ASP 页面。该站点允许匿名访问大多数区域,但使用 Windows 身份验证来保护某些
有一个要求,我需要根据 div 标签的高度超过 700 像素的条件将大型 HTML 页面拆分为多个页面。 我还可以根据字数拆分页面。 下面的示例根据 HTML 标签分割页面,而我需要根据 div 高度
有两个 html 页面,如果在第一个页面中单击特定图像,它将转到第二个 html 页面。如果在第二个 html 页面上的任何地方单击它应该返回到第一页并将第二页完全显示在第一页的一个 div 中 1s
我有一个简单的 hello world Servant 应用程序。我需要向它添加一些静态或动态的 html 页面。我怎样才能做到这一点?在文档中没有提到它。注意我不想在 Haskell 代码中创建 h
我有两个文件 index.html 和 index2.html。这两个文件都在本地机器上的同一目录中(无法访问 PHP 等)。 我正在努力 Page Title 使用 jQuery 从 index.h
假设我有一个 JSP 页面 index.jsp User id:
我面临着一个对我来说非常陌生的情况。我会尽力让事情变得简单来解释它一步一步来。 1)在页面 A(用户表单)中,我从字段中获取一些值并将其作为 jQuery AJAX POST 发送到页面 B。这是主要
我正在尝试弄清楚如何从 buttons.html 获取用户按钮点击动态切换第二个列的可见性 userinput.html 。我正在使用 DataTables userinput.html表并认为我有
我有asp。净 mvc4 项目。 Angularjs 已集成。 我已经按照以前的要求构建了 HTML 页面和 WEB API 2。 现在出于某种原因,我必须使用 CSHTML 页面。以前我只有 web
我的网站包含大约 18 个不同的页面。以管理员身份登录后,我单击“页面”。 我看到了以下内容 All (20) | Mine (19) | Published (19) | Draft (1) No
Haskell 中每个函数都有手册页吗?换句话说,我可以在某处输入 man fst 并获取有关该函数的手册或帮助页面吗?我发现大量的功能势不可挡! 我正在使用 GHC 和 GHCi。 最佳答案 我不知
我一直在用github pages很长一段时间以来,并使用自定义域重定向功能来重定向我的 user website来自 prahladyeri.github.io到我自己的域名 https://www
我对 Github 有一个基本的了解:我知道如何创建、添加、提交、推送和克隆存储库。我也开始探索 Github 页面来托管我的项目。我的最新项目于 3 月开始并将其推送到 gh-page。从那以后,我
在尝试查看日志时,Airflow 会抛出一个带有以下消息的 oops 页面: File "/Users/user/.pyenv/versions/3.5.2/lib/python3.5/locale.
我已经按照此处列出的步骤 (https://pages.github.com/) 为我正在处理的网站设置了一个 GitHub 页面 我设置的站点当前托管在 IIS 下,并使用 URL Rewrite
我想将我的 domain.com 重定向到 openshift 页面 (openshift-app.rhcloud.com)。我已经按照描述完成了 here它有效。唯一的问题是,在任何网站上,我都不会
我是一名优秀的程序员,十分优秀!