一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

點圖片翻頁效果

<script language="Javascript" defer>
var zhang=2
function next(){
if(zhang==7){
alert("這已經是最后一張了!")
zhang=6
}
document.getElementById("tu").src=zhang+".jpg"
text.innerHTML="當前是第"+zhang+"張圖片"
zhang++
}
function up(){
if(zhang==2){
alert("這已經是第一張了!")
zhang=3
}
document.getElementById("tu").src=(zhang-2)+".jpg"
text.innerHTML="當前是第"+(zhang-2)+"張圖片"
zhang--
}
</script>

<style type="text/css">
#divall {
position:relative;
}
#divleft {
border:1px red solid;
border-right:0px red solid;
background: url(bg.gif);
cursor:url("2.cur");
position:absolute;
top:0px;
z-index:2007;
text-align:right;
padding:0px
}
#divright {
border:1px red solid;
border-left:0px red solid;
background: url(bg.gif);
cursor:url("1.cur");
top:0px;
position:absolute;
z-index:2007
text-align:center;
padding:0px
}
#tu{z-index:-2007}
</style>

<div id="text"  >當前是第1張圖片</div>
<div id="divall">
<img src="1.jpg" id="tu">

<div id="divleft" title="上一張" onmouseover="show_div('divleft','left.gif')" onmouseout="hide_div('divleft')" onclick="up()">
</div>

<div id="divright" title="下一張"  onmouseover="show_div('divright','right.gif')" onmouseout="hide_div('divright')" onclick="next()">
</div>
</div>
<script>//

var w=document.getElementById("tu").width//500
var h=document.getElementById("tu").height//400
document.getElementById("tu").style.width=w
document.getElementById("tu").style.height=h

//document.getElementById("divleft").style.visibility='hidden'
document.getElementById("divleft").style.width=w/2
document.getElementById("divleft").style.height=h
document.getElementById("divleft").style.left=0

//document.getElementById("divright").style.visibility='hidden'
document.getElementById("divright").style.width=w/2
document.getElementById("divright").style.height=h
document.getElementById("divright").style.left=w/2

//document.write("<style> #tu{width:"+w+"px; height:"+h+"px;z-index:2000}</style>")

function show_div(id,img){
document.getElementById(id).innerHTML="<img src="+img+">"
}
function hide_div(id){
document.getElementById(id).innerHTML=""
}
</script>

JavaScript技術點圖片翻頁效果,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 四虎国产永久免费久久 | 91久久精品都在这里 | 91精品国产丝袜白色高跟鞋 | 青草悠悠视频在线观看 | 韩国免费一级成人毛片 | 劲爆欧美第1页婷婷 | 91刺激| 亚洲日本中文字幕在线2022 | 五月天婷婷精品视频 | 亚洲一区二区三 | www毛片| 中文字幕不卡一区 二区三区 | 伊人久久大香线蕉综合7 | 激情五月综合综合久久69 | 精品自拍视频在线观看 | 日本黄色美女网站 | 精品日韩欧美一区二区三区 | 中文字幕久久久久 | 久久亚洲精品永久网站 | 国产成人精品一区二三区2022 | 欧美裸妇| 精品视频一区二区三区在线播放 | 婷婷伊人五月 | 亚洲 欧美 国产另类首页 | 黄色网战在线观看 | 51国产午夜精品免费视频 | 美女视频黄色的免费 | 国产精品麻豆99久久 | 欧美综合区 | 很黄的网站在线观看 | 日本视频www色变态 日本视频网站在线www色 | 久草视频中文在线 | 国产精品毛片va一区二区三区 | 国产精品jizz视频 | 国产精品国产 | 国产精品热久久毛片 | 国产婷婷综合在线视频中 | 日韩成人免费一级毛片 | 91视频免费观看高清观看完整 | 中文字幕色 | 加勒比网|