這篇文章主要介紹了JS點擊鏈接后慢慢展開隱藏著圖片的方法,實例分析了javascript操作圖片的隱藏與現(xiàn)實技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS點擊鏈接后慢慢展開隱藏著圖片的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
代碼如下:
<html>
<title>JS點擊鏈接后，慢慢展開隱藏著的圖片</title>
<body>
<script language="JavaScript">
var b=0;
var c=true;
function fade(){
if(document.all);
if(c == true){b+=3}
if(b>294){c=false}
u.width=394
u.height=b; //運行后圖片的大小
setTimeout("fade()",1)}//根據(jù)實際情況選擇延時
</script>
<p><a href="javascript:"><img src="/images/3.jpg" name="u" width="0" height="0" onclick="javascript:window.open(this.src);"/></a>
<p><a href="javascript:" onClick="fade()">點擊展開圖片</a>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。