解決方式是,我把左右滾動的事件添加到了Body上面,而上下活動的使用了DIV的垂直滾動。
創(chuàng)新互聯(lián)建站于2013年創(chuàng)立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目成都做網(wǎng)站、網(wǎng)站建設(shè)網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元昭平做網(wǎng)站,已為上家服務(wù),為昭平各地企業(yè)和個人服務(wù),聯(lián)系電話:18982081108
參考代碼:
$("#body").swipe(?{?fingers:'all',?swipeLeft:swipe1,?swipeRight:swipe2}?);
function?swipe1(event,?direction,?distance,?duration,?fingerCount)?{
tab_shipu(-1);?!--?向左滑動你要執(zhí)行的動作?--
}
function?swipe2(event,?direction,?distance,?duration,?fingerCount)?{
tab_shipu(1);???!--向右滑動你要執(zhí)行的動作--
}?
!--然后上下滾動條我設(shè)置div的滾動;--
div?id="cook"?class="cook"/div
style
.cook{
overflow:?auto;
}
/style
!--設(shè)置body和div的默認(rèn)高度代碼:--
$("body").css("height",document.body.scrollHeight);
$(".cook").css("height",document.body.scrollHeight-$('#cook').position().top);
用jquery使一個按鈕讓div左右移動方法如下:
就是點擊“#anniu”,然后"#caozuo"div左右移動,我的代碼左移了就不能移動回來了 ?div class="bottom textstyle" id="caozuo" a href="#" id="anniu"img src="jiantou2.png" width="20" id="tanchu" //a /div ?$(document).ready(function()... 就是點擊“#anniu”,然后"#caozuo"div左右移動,我的代碼左移了就不能移動回來了。
div class="bottom textstyle" id="caozuo"
a href="#" id="anniu"img src="jiantou2.png" width="20" id="tanchu" //a
/div
$(document).ready(function() {
$("#anniu").click(function(event){
event.preventDefault();
if($('#caozuo').is({right:'0em'})){
$('#caozuo').animate({right:'-8.5em'},"fast");}
else{
$('#caozuo').animate({right:'0em'},"fast");
}
});
});
jQuery是一套跨瀏覽器的JavaScript庫,簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個版本。目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團(tuán)隊進(jìn)行開發(fā)。全球前10000個訪問最高的網(wǎng)站中,有59%使用了jQuery,是目前最受歡迎的JavaScript庫。
script
$(document).ready(function(){
$("#hide").click(function(){
if($("#left").css('width') == '200px'){
$("#left").animate({width:0},"slow");
$("#hide").val('顯示');
}else{
$("#left").animate({width:200},"slow");
$("#hide").val('隱藏');
}
});
});
/script
div id="left" style="width:200px; background-color:#009900; float:left;"?/div
div id="right" style="width:400px; background-color: #FF0000; float:left;"?/div
div style="float:left"
input id="hide" type="button" value="隱藏" /
/div
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function () {
$("#start").click(function () {
$("#box").animate({ right: "1500px" }, 4000);
});
});
/script
/head
body
pa href="#" id="start"Start Animation/a/p
div align="right" id="box" style="position:relative"
阿什頓飯卡上及地方了看見卡拉時間段福建按時到法律是快遞費及卡拉是東方
/div
/body
/html
script src="你 JQ存放的地址 例如/include/123.js"/script
不知道是不是你要的
很簡單,你在右上角的兩個按鈕分別邦定2個方法就可以了,然后在兩個方法里面分別手動給你那個放圖片的div用innerText進(jìn)行賦值就行了。 不明白請追問,如果對你有幫助記得采納~