0
這讓我對使用javscript最長時間感到困惑。首先,我使用了兩個JavaScript代碼。如何讓兩個javascripts在一個頁面上工作
這裏是上面的代碼被用於製造從一個div來相互平滑網頁過渡的第一個
<!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('ul.nav a').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500,'easeInOutExpo');
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
event.preventDefault();
});
});
</script>
。類似這樣的--->http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html
這裏是第二個
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://littleladyenterprises.com/wp-content/themes/blackchic/WebsiteScrolling/css/jquery.sudoSlider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var sudoSlider = $("#slider").sudoSlider({
numeric: false,
continuous:true
});
var sudoSlider2 = $("#slider2").sudoSlider();
});
</script>
此代碼基本上是一個滑塊
好了,通過將滑塊腳本最後它的工作原理,但它使最前一頁劇本,頁面轉換腳本不起作用。我看過很多不同的腳本,我不太喜歡JS,但任何人都可以告訴我如何讓它們在一個頁面上工作。
第一件事是不要包含jquery.js(或jquery.min.js)兩次。接下來的事情是檢查easing和sudoSlider插件,看他們是否需要不同版本的jQuery。 – nnnnnn 2013-05-09 21:47:40
我刪除了其中的一個@nnnnnn – user2348794 2013-05-09 21:49:08
OMG我覺得很愚蠢,現在一切正常,對不起,我不熟悉Javascript那麼多,我覺得我在這個網站上浪費空間 – user2348794 2013-05-09 21:50:20