javacript의 "Top of Page"링크

웹 페이지에서 php를 사용하고 상단에 정박하는 데 어려움이 있으므로 원하는 내용을 수행하기 위해 자바 스크립트를 사용하고 있습니다. 코드는 다음과 같습니다javacript의 "Top of Page"링크

<script language="JavaScript" type="text/javascript"> 
<!-- 
document.write("<a href= \"" + document.location + "#top\" >Top of Page</a>"); 
// --> 
</script>

만 문제는, 내가 코드를 가지고 가고 추가 할 : 그것은 같은 포맷됩니다, 그래서 그것에

class="bmenu"

라인을 다른 링크 (색상, 글꼴 등, 기타.). 나는 자바 스크립트에 대해 아무것도 모른다. 그래서 이것은 아마도 간단한 일이지만, 페이지의 상단에 링크해야하는 사람들에게는 정말 유용한 해결책이 될 것이지만, 그들이 사용할 수있는 방법에 관해서는 한계가있다.

미리 감사드립니다.

다음은 궁금한 사람들을위한 코드입니다.

모든 페이지에 추가되는 하단 메뉴가 포함 된 bmenu.php라는 .php 파일이 있습니다. 그것은 다음 내가이 메뉴를하려는 각 파일에 내가 추가

|&emsp; 
<a href="index.php" class="bmenu">Home</a> 
&emsp;|&emsp; 
<a href="about_us.php" class="bmenu">About Us</a> 
&emsp;|&emsp; 
<a href="find_us.php" class="bmenu">Find Us</a> 
&emsp;|&emsp; 
<a href="contact_us.php" class="bmenu">Contact Us</a> 
&emsp;|&emsp; 
<script language="JavaScript" type="text/javascript"> 
<!-- 
document.write("<a class=\"bmenu\" href= \"" + document.location + "#top\" >Top of Page</a>"); 
// --> 
</script> 
&emsp;|

포함

<?php include 'PHP/bmenu.php'; ?>

이 입력 저장하고 오히려 내가 원하는 모든 페이지를 편집하는 것보다 메뉴에 하나의 편집을 나를 수 있습니다 그 메뉴를 변경할 때마다 그 메뉴가 나타납니다.

출처

2014-02-28 Elem-Teach-w-Bach-n-Math-Ed

어쩌면 'TOP'이라고 표시 될 것입니다. – adeneo

고맙습니다 @adeneo. 그것이 내가 .php를 사용하여 페이지를 작성하는 방법을 깨닫기 전까지는 내가 사용하고 있던 것이고, 모두 홈 페이지의 상단으로 다시 연결되어 있었기 때문에 어떻게해야할까요? "top to link"코드를 포함하고있는 나의 메뉴 자체는 각 페이지에 복사되는 작은 .php 파일의 일부입니다 - 왜 그들이 모두 내가 생각하는 홈 페이지의 상단에 링크되어 있어야합니다. –

이 시도 :

document.write("<a class=\"bmenu\" href= \"" + document.location + "#top\" >Top of Page</a>");

출처

2014-02-28 07:36:25 smnbbrv

와우! 1 분 안에 해결! 나는 어리 석다. 고마워요 @ 사이먼! 정확히 필요한 것! –

당신은 환영합니다 :) – smnbbrv

이 효과 - 어떤 애니메이션을 시도

HTML

<!DOCTYPE html> 
    <html lang="en"> 
<head> 
    <title>Title</title> 
</head> 
<body id="top"> 
     ......... 
     ......... 
     <a href="#top">Back To Top</a> 
</body>

jQuery를

$('a[href^="#"]').on('click',function (e) { 
    e.preventDefault(); 
    var target = this.hash, 
    $target = $(target); 
    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
     }, 900, 'swing', function() { 
     window.location.hash = target; 
    }); 
});

출처

2014-02-28 09:25:56 WebDevRon

와우,이 멋지다. 나는 tho를 완전히 구현하는 방법을보기에는 너무 초보자입니다. 이것은 현재 내 사이트에서 작동하지 않는 것으로 보입니다. 을 내 .php 내장 사이트에서 사용하면 현재 페이지 대신 자바 스크립트가 현재 페이지를 차지할 필요가없는 페이지로 연결됩니다. 그 줄을 여전히 작동합니까? –

죄송합니다. @ WebDevRon이 코드에 있어야합니다. ' –

Back To Top은 항상 모든 페이지에서 작동합니다. 다음과 같은 모든 페이지의 몸체에 "top"이라는 ID를 추가하십시오. – WebDevRon

javacript의 "Top of Page"링크

답변

관련 문제