快捷導(dǎo)航

js實(shí)現(xiàn)用滾動(dòng)條來(lái)放大縮小圖片的代碼

更新時(shí)間：2007年07月17日 00:00:00 作者：

這段時(shí)間比較閑，就搞了這么一個(gè)功能來(lái)練練手。
因?yàn)闆](méi)有系統(tǒng)的學(xué)習(xí)過(guò)javascript，很多東西都是現(xiàn)學(xué)現(xiàn)用。請(qǐng)大家多提寶貴意見(jiàn)，謝謝

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無(wú)標(biāo)題文檔</title> <style type="text/css">  </style>  </head> <body> <div style="margin:10px 0 0 40px;padding:10px 0;">     <div   id="vvxyksv9kd"   class="img"><img src="http://www.blueshut.com/cj/Bluehills.jpg" height="100" resizeable="1" galleryimg="no" /></div>     <div   id="vvxyksv9kd"   class="img"><img src="http://www.blueshut.com/cj/Sunset.jpg" width="300" resizeable="1" galleryimg="no" /></div>     <div   id="vvxyksv9kd"   class="img"><img src="http://www.blueshut.com/cj/Waterlilies.jpg" width="200" resizeable="1" galleryimg="no" /></div>     <div   id="vvxyksv9kd"   class="img"><img src="http://www.blueshut.com/cj/Winter.jpg" width="100" resizeable="1" galleryimg="no" /></div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

另外問(wèn)大家個(gè)問(wèn)題，像我這樣自定義屬性的方式行不行的？就是在<img>標(biāo)簽里加上了自定義的 resizeable="1"。在DW里會(huì)報(bào)警，這樣是不是通不過(guò)w3c認(rèn)證的？

您可能感興趣的文章: