网页代码设计技巧系列之-----自制相册.doc

脚本说明:把如下代码加入区域中 var javascript_version = 1.0; javascript_version = 1.1; = main; / names current window as mainPicVar = 0;/ Object Fix function Fix(DatVal, PicVal, TitVal, TxtVal) this.DatVal = DatVal this.PicVal = PicVal this.TitVal = TitVal this.TxtVal = TxtVal / Create new main array. var SuzyArray = new Array()/ The following lines are the ONLY LINES in this whole script that you need to change!/ SuzyArrayPicVar+ = new Fix(date, picname.jpg, pic title, pic description)SuzyArrayPicVar+ = new Fix(2/25/2003, 2003-02-25-27.jpg, Our house in the snow, I took this beautiful picture this morning. The streets are one solid sheet of ice right now! Its insane. I dont think well be driving anywhere soon.)SuzyArrayPicVar+ = new Fix(1/5/2003, 2003-01-05-03.jpg, Rain in the trees, I had taken Rainlin out for a walk in the stroller, and we saw these cute little trees and stopped for a picture.)SuzyArrayPicVar+ = new Fix(1/31/2003, 2002-12-31-01.jpg, Scott and Suzy, I asked one of our friends to take this picture for us. Could my handsome hubbys eyes get any more blue? :)SuzyArrayPicVar+ = new Fix(12/7/2002, 2002-12-07-05.jpg, on the hayride, Daddy was having a wonderful time on the hayride. Dylan wasnt too sure about it!)SuzyArrayPicVar+ = new Fix(11/9/2002, 2002-11-09-09.jpg, Boys on wheels, Daddy was holding Dylan up with his knees! Those skates sure are hard to stand up in, but once he got the knack for it Dylan didnt want to take them off.)SuzyArrayPicVar+ = new Fix(10/30/2002, 2002-10-30-01.jpg, Dylan the Builder, Heres Dylan, all dressed up and ready for Halloween! Everything in his life is Bob-the-builder related.)SuzyArrayPicVar+ = new Fix(6/19/2002, 2002-06-19-07.jpg, Jabbas face, Its hard, really hard, to get a picture of Jabbas face without him charging the camera.)SuzyArrayPicVar+ = new Fix(6/11/2002, 2002-06-11-11.jpg, Rain behind the house, The brick that makes up the outside of the house proved to be really pretty for framing pictures of the kidlets.)SuzyArrayPicVar+ = new Fix(6/9/2002, 2002-06-09-04.jpg, Scott and Rainlin, I just had to take some pictures of them before church. They looked so nice!)SuzyArrayPicVar+ = new Fix(6/9/2002, 2002-06-09-01.jpg, Rainlin and Susan, We both wore our pretty blue flower dresses that Sunday.)SuzyArrayPicVar+ = new Fix(6/7/2002, 2002-06-07-24.jpg, Kaytlyn and Rainlin playing dress-up, Kaytlyn has a whole bunch of dress-up clothes, and Rain loves to go over to her house and play dress-up with her.)SuzyArrayPicVar+ = new Fix(6/2/2002, 2002-06-02-13.jpg, The Three Amigos, Dylan, Daddy, and Rainlin were watching Castaway on the couch. We just moved all the furniture into that great room, and everyone seems to like it better in there.)SuzyArrayPicVar+ = new Fix(6/1/2002, 2002-06-01-09.jpg, Simon, For those of you who have never met him, this is Simon. Hes the tatoo I have on my left leg. I drew everything of the tattoo except for his head, which came from a greeting card my mother sent me while I was in the military.)last = PicVar - 1;current = 0;function ShowSuzyPic(newpic) / (not working on some browsers) document.playsound.play();current = newpic;SelectionBox = document.SuzyForm.SuzyDropdown;SelectionBox.optionscurrent.selected = true;document.getElementById(SuzySpot).innerHTML = ;document.getElementById(Journal).outerHTML = + SuzyArraycurrent.DatVal + + SuzyArraycurrent.TxtVal + ;if (document.SuzyForm.WhereView1.checked) timerID = setTimeout(SuzyPicRemote(SuzyArraycurrent.PicVal,current),1000)function RandomSuzyPic() randompic = Math.floor(Math.random()*PicVar);last = current;ShowSuzyPic(randompic);function PreviousSuzyPic() last = current;current-;if(current=PicVar) current = 0;ShowSuzyPic(current);function SuzyPicRemote(picName,whichPic) ShowingImage = new Image();ShowingImage.src = picName;wid = ShowingImage.width + 50;hei = ShowingImage.height + 50;if (wid 30 | hei 30) wid=650;hei=490;if (screen.width wid | screen.height hei) wid = screen.width - 50;hei = screen.height - 50;OpenWindow = window.open(/photoalbum/clear.html, remoteWin, resizable=1, scrollbars=1, toolbar=0, left=15, top=10, width= + wid + , height= + hei);OpenWindow.document.write();OpenWindow.document.close();function FindPic() TotalFound = 0;SearchString = document.SuzyForm.SearchWord.value;SearchString = SearchString.toLowerCase();WriteResults = window.open(clear.html,resultwindow,height=300, width=300, toolbar=0, status=0, menubar=0, resizable=1, scrollbars=1);WriteResults.document.open();WriteResults.document.write(+ You searched for: + SearchString + Results:);for (loop=0; loop PicVar ; loop+) Keyword = SuzyArrayloop.TxtVal;Keyword = Keyword.toLowerCase();URL = SuzyArrayloop.PicVal;title = SuzyArrayloop.TitVal;title = title.toLowerCase();SearchResult = Keyword.indexOf(SearchString);SearchResult2 = title.indexOf(SearchString);if (SearchResult != -1 | SearchResult2 != -1) last = current;WriteResults.document.write( + title + );TotalFound+;WriteResults.document.write(Returned + TotalFound + results.);WriteResults.document.close();if(javascript_version 1.0) /delay a bit here because IE4 encounters errors/when trying to focus a recently opened windowsetTimeout(WriteResults.focus();,250);/ -document.write(); document.write( + SuzyArraycurrent.DatVal + + SuzyArraycurrent.TxtVal);input type=button v