电子相册

来源：远方教程作者：远方教程发布时间：2015-01-16 查看次数：2858　访问[新版]

　　特效代码在文本域中，您可以点击文本域下方的预览按钮先查看效果。

<SCRIPT LANGUAGE="JavaScript"> var javascript_version = 1.0;</SCRIPT><SCRIPT LANGUAGE="JavaScript1.1">  javascript_version = 1.1;</SCRIPT><script language=javascript>
self.name = "main"; // names current window as "main"
PicVar = 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!
// SuzyArray[PicVar++] = new Fix("date", "picname.jpg", "pic title", "pic description")
SuzyArray[PicVar++] = new Fix("12/7/2002", "images/1.jpg", "JAY", "远方教程-满足你的求知欲！")
SuzyArray[PicVar++] = new Fix("2/25/2003", "images/2.jpg", "FANTASY", "这里输入文字说明.")
SuzyArray[PicVar++] = new Fix("1/5/2003", "images/3.jpg", "八度空间", "这里输入文字说明")
SuzyArray[PicVar++] = new Fix("1/31/2003", "images/4.jpg", "叶惠美", "这里输入文字说明<b>blue?</b> :)")
SuzyArray[PicVar++] = new Fix("12/7/2002", "images/5.jpg", "七里香", "这里输入文字说明")
last = PicVar - 1;
current = 0;
function ShowSuzyPic(newpic) {
// (not working on some browsers)   document.playsound.play();
  current = newpic;
  SelectionBox = document.SuzyForm.SuzyDropdown;
  SelectionBox.options[current].selected = true;
  document.getElementById("SuzySpot").innerHTML = '<a href=javascript:SuzyPicRemote("' + SuzyArray[current].PicVal + '","last");><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" name="PicShowing" src=' + SuzyArray[current].PicVal + ' height=200 border=0></a>';
  document.getElementById("Journal").outerHTML = '<div id=journal><br>' + SuzyArray[current].DatVal + '<p style="text-align:justify; text-indent:25px">' + SuzyArray[current].TxtVal + '</div>';
  if (document.SuzyForm.WhereView[1].checked) {
    timerID = setTimeout("SuzyPicRemote(SuzyArray[current].PicVal,'current')",1000)
  }
}
function RandomSuzyPic() {
  randompic = Math.floor(Math.random()*PicVar);
  last = current;
  ShowSuzyPic(randompic);
}
function PreviousSuzyPic() {
  last = current;
  current--;
  if(current<0) current = PicVar - 1;
  ShowSuzyPic(current);
}
function NextSuzyPic() {
  last = current;
  TotalImages = document.SuzyForm.SuzyDropdown.options.length;
  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("http://www.kitykity.com/photoalbum/clear.html", "remoteWin", "resizable=1, scrollbars=1, toolbar=0, left=15, top=10, width=" + wid + ", height=" + hei);
  OpenWindow.document.write('<html><body background=parchment.jpg><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" src=' + picName + '></body></html>');
  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('<div style="text-align:center; font:8pt verdana">'
    + 'You searched for:<br><i>' + SearchString + '</i><br><b>Results:</b><br>');
  for (loop=0; loop < PicVar ; loop++) {
    Keyword = SuzyArray[loop].TxtVal;
    Keyword = Keyword.toLowerCase();
    URL = SuzyArray[loop].PicVal;
    title = SuzyArray[loop].TitVal;
    title = title.toLowerCase();
    SearchResult = Keyword.indexOf(SearchString);
    SearchResult2 = title.indexOf(SearchString);
    if (SearchResult != "-1" || SearchResult2 != "-1") {
      last = current;
      WriteResults.document.write('<br><a href=javascript:ShowSuzyPic(' + loop + '); target="main">' + title + '</a>');
      TotalFound++;
    }
  }
  WriteResults.document.write('<p><b>Returned ' + TotalFound + ' results.</b>');
  WriteResults.document.close();
  if(javascript_version > 1.0)  {
    //delay a bit here because IE4 encounters errors
    //when trying to focus a recently opened window
    setTimeout('WriteResults.focus();',250);
  }
}
// -->
</script>
<form name="SuzyForm">
    <table border="0">
        <tbody>
            <tr>
                <td>
                <table cellspacing="0" border="0" style="padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; padding-right: 0px">
                    <tbody>
                        <tr align="center">
                            <td bgcolor="#f9f9f9" style="border-top: #888888 2px groove; background: url(parchment.jpg); border-bottom: #888888 4px groove; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; margin: 0px; border-left: #888888 4px groove; padding-right: 10px; width: 275px">
                            <div id="SuzySpot"><script language=javascript>
document.write('<a href=javascript:SuzyPicRemote("' + SuzyArray[current].PicVal + '","last");><img style="cursor:pointer;" onclick="openURL(this.src)" onload="zoomIMG(this,625)" name="PicShowing" src=' + SuzyArray[current].PicVal + ' height=200 border=0></a>');
</script></div>
                            </td>
                            <td border="0" style="border-top: #888888 2px groove; background: url(parchmentring.jpg); border-bottom: #888888 4px groove; width: 36px"> </td>
                            <td valign="top" style="border-top: #888888 2px groove; border-right: #888888 4px groove; background: url(parchment.jpg); border-bottom: #888888 4px groove; color: #000044; padding-bottom: 5px; padding-top: 5px; font: 8pt verdana; padding-left: 5px; margin-left: 0px; padding-right: 20px; width: 225px">
                            <div id="Journal"><script language=javascript>
document.write('<br>' + SuzyArray[current].DatVal + '<p style="text-align:justify; text-indent:25px">' + SuzyArray[current].TxtVal);
</script></div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <p>
                <table border="0">
                    <tbody>
                        <tr align="center">
                            <td><input type="button" onClick="PreviousSuzyPic();" style="text-align: center; font: 8pt verdana,helvetica,arial" value="<<" /> <input type="button" onClick="RandomSuzyPic();" style="font: 8pt verdana,helvetica,arial" value="随机" /> <input onclick="NextSuzyPic();" type="button" style="text-align: center; font: 8pt verdana,helvetica,arial" value=">>" />
                            <p><select size="12" onChange='ShowSuzyPic(SuzyForm.SuzyDropdown.options.selectedIndex);' style="font: 8pt verdana" name="SuzyDropdown"></select></p>
                            </td>
                            <td style="font: 8pt verdana; padding-left: 25px">
                            <p style="text-align: left"><input checked="checked" type="radio" name="WhereView" value="chkLocal" />- 在本页浏览图片 <br />
                            <input type="radio" name="WhereView" value="chkRemote" />- 在弹出窗口浏览图片</p>
                            <p>搜索图片: <br />
                            <input size="10" style="font: 8pt verdana" name="SearchWord" type="text" /> <br />
                            <input type="button" onClick="javascript:FindPic();" style="font: 8pt verdana" value="查找" /></p>
                            </td>
                        </tr>
                    </tbody>
                </table>
                </p>
                </td>
            </tr>
        </tbody>
    </table>
</form>
<script type="text/javascript">
/*tupianxuanfu*/
var cpro_id = "u1828747";
</script><script src="http://cpro.baidustatic.com/cpro/ui/i.js" type="text/javascript"></script>

标签：电子相册相册导航 Google一下

分享到： QQ空间新浪微博腾讯微博人人网

打印 |

关闭评论

上一篇：会抖动的图片特效

下一篇：雷达扫描效果

·查看安全快捷上网技巧

图片新闻

美女户外健身, 美翻

真人美女和动漫美女

站内搜索

猜您喜欢