javascript - 如何使用Javascript进行定制转换

  显示原文与译文双语对照的内容
0 0

所以我从( 有史以来第一次) 开发了这个网站,并且我做了一般的布局。

当我在索引页面时,你有一个标题,侧栏和内容( 文章) 。 当我按文章时,它转到文章( 明显明显),但我想在 0: 22上创建一个自定义加载页面: https://www.youtube.com/watch?v=k1q6Y_snURw#t=20

我必须制作一个 gif,但是说我已经经做过了,怎么将它添加到网站上。

尽管我想我必须使用每个特定文章的to,但是这些文章都是自己的。

时间:原作者:3个回答

0 0

在一个文件中弹出它并在每个具有链接的页面中添加一个引用:

function loadXMLDoc(name) {
 var xmlhttp = new XMLHttpRequest();
 xmlhttp.addEventListener("load", transferComplete, false);
 xmlhttp.open("GET", name, true);
 document.getElementById("Loading").style.display ="block";
 xmlhttp.send();
 function transferComplete() {
 document.write(xmlhttp.responseText);
 history.replaceState(null, null, name);
 }
}
function AJAXcallback(e) {
 var e = window.e || e;
 var href = e.target.getAttribute("href");
 if (e.target.tagName!== 'A' || href[0] =="#" || href.substring(0, 11).toUpperCase() =="JAVASCRIPT:" || e.target.class =="noloadpage")
 return;
 e.preventDefault();
 loadXMLDoc(href);
}
if (document.addEventListener)
 document.addEventListener('click', AJAXcallback, false);
else
 document.attachEvent('onclick', AJAXcallback);

当下一页加载( 请务必添加标识"加载") 时,会显示如下内容:

<div id="Loading" style="display:none">Loading</div>

这使得每个链接不是锚( #id ) 或者函数( javascript: 无论),并且没有使用AJAX的"noloadpage"类负载并在加载时显示 Loading div 。

原作者:
0 0

如果我理解正确,你需要平滑地滚动到文章。 你可以使用动画和scrollTop实现这一点。

有可能用jQuery制作scrollTop动画

现在你需要使用选择器选择你的文章。

http://api.jquery.com/category/selectors/

你说你的文章是正确的。 因此,代码将如下所示:

$("sidebar").click(function () { 
//"." is the selector for class and i assume the value of the sidebar match the class of article
 $("html, body").animate({ scrollTop: $("." + $(this).val()).position().top }); 
});

希望这里帮助。

原作者:
...