ホームページ > ウェブフロントエンド > jsチュートリアル > 画像をクリックすると、前のページから次のページに移動します。 画像の特殊効果。

画像をクリックすると、前のページから次のページに移動します。 画像の特殊効果。

WBOY
リリース: 2016-05-16 19:02:46
オリジナル
1305 人が閲覧しました




1枚目の写真です

画像をクリックすると、前のページから次のページに移動します。 画像の特殊効果。








<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="画像をクリックすると、前のページから次のページに移動します。 画像の特殊効果。" >" <BR>} <BR>function hide_div(id){ <BR>document.getElementById(id).innerHTML="" <BR>} <BR></script>
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート