Home > Web Front-end > JS Tutorial > Click on the picture to turn the previous page to the next page. Image special effects

Click on the picture to turn the previous page to the next page. Image special effects

WBOY
Release: 2016-05-16 19:02:46
Original
1304 people have browsed it




This is the 1st picture

Click on the picture to turn the previous page to the next page. Image special effects








<script> <BR>var zhang=2 <BR>function next(){ <BR>if(zhang==7){ <BR>alert("这已经是最后一张了!") <BR>zhang=6 <BR>} <BR>document.getElementById("tu").src=zhang+".jpg" <BR>text.innerHTML="当前是第"+zhang+"张图片" <BR>zhang++ <BR>} <BR>function up(){ <BR>if(zhang==2){ <BR>alert("这已经是第一张了!") <BR>zhang=3 <BR>} <BR>document.getElementById("tu").src=(zhang-2)+".jpg" <BR>text.innerHTML="当前是第"+(zhang-2)+"张图片" <BR>zhang-- <BR>} <BR></script> <script>// <br><br>var w=document.getElementById("tu").width//500 <BR>var h=document.getElementById("tu").height//400 <BR>document.getElementById("tu").style.width=w <BR>document.getElementById("tu").style.height=h <br><br>//document.getElementById("divleft").style.visibility='hidden' <BR>document.getElementById("divleft").style.width=w/2 <BR>document.getElementById("divleft").style.height=h <BR>document.getElementById("divleft").style.left=0 <br><br>//document.getElementById("divright").style.visibility='hidden' <BR>document.getElementById("divright").style.width=w/2 <BR>document.getElementById("divright").style.height=h <BR>document.getElementById("divright").style.left=w/2 <br><br>//document.write("<style> #tu{width:"+w+"px; height:"+h+"px;z-index:2000}") <br><br>function show_div(id,img){ <BR>document.getElementById(id).innerHTML="<img src="+img+" alt="Click on the picture to turn the previous page to the next page. Image special effects" >" <BR>} <BR>function hide_div(id){ <BR>document.getElementById(id).innerHTML="" <BR>} <BR></script>
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template