function addLoadEvent (func) {
var oldonload = window.onload;
if (typeof window.onload !='function') {
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
function insertAfter(newElement,targetElement) {
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement) {
parent.appendChild(newElement);
} else {
parent.insertBefore(newElement,targetElement.nextSibling);
}
function addClass(element,value){
if (element.className) {
var newClassName = element.className;
newClass+=" ";
newClass+=value;
element.class = newClassName;
}else{
element.className = value;
}
}
function highlightPage() {
if (!document.getElementsByTagName) return false;
if (!document.getElementById) return false;
var headers = document.getElementsByTagName('header');
if (headers.length == 0) return false;
var navs = headers[0].getElementsByTagName('nav');
if (navs.length == 0) return false;
var links = navs[0].getElementsByTagName("a");
for (var i=0; i<links.length; i++) {
var linkurl;
for (var i=0; i<links.length; i++) {
linkurl = links[i].getAttribute("href");
if (window.location.href.indexOf(linkurl) != -1) {
links[i].className = "here";
var linktext = links[i].lastChild.nodeValue.toLowerCase();
document.body.setAttribute("id",linktext);
}
}
}
}
function moveElement (element,final_x,final_y,interval) {
if (!document.getElementById) {return false};
if (!document.getElementById('element')) {return false};
var eles =document.getElementById('element');
if (eles.movement) {
clearTimeout(eles.element);
};
if (!eles.style.left) {
eles.style.left = "0px";
};
if (!eles.style.top) {
eles.style.top = "0px";
};
var xpos = parseInt(eles.style.left);
var ypos = parseInt(eles.style.top);
if (xpos == final_x && ypos == final_y) {
return true
};
if (xpos<final_x) {
var dist =Math.ceil((final_x-xpos)/10);
xpos+=dist;
};
if (xpos>final_x) {
var dist = Math.ceil((xpos-final_x)/10);
xpos= xpos-dist;
};
if (ypos<final_y) {
var dist = Math.ceil((final_y-ypos)/10);
ypos +=dist;
};
if (ypos>final_y) {
var dist = Math.ceil((xpos-final_y)/10);
ypos = ypos - dist;
};
eles.style.left = xpos+"px";
eles.style.top = ypos+"px";
var repeat = "moveElement('"+element+"',"+final_x+","+final_y+","+interval+")";
eles.movement = setTimeout(repeat,interval);
}
function prepareSlideshow() {
if(!document.getElementById){return false};
if (!document.getElementById('intro')) {return false};
var intro = document.getElementById('intro');
var slideshow = document.createElement('div');
slideshow.setAttribute("id","slideshow");
var frame = document.createElement('img');
frame.setAttribute("src","images/frame.gif")
frame.setAttribute("alt","");
frame.setAttribute("id","frame");
slideshow.appendChild(frame);
var preview = document.createElement('img');
preview.setAttribute("src", "images/slideshow.gif")
preview.setAttribute("alt" ,"a glimpse of what a awaits you");
preview.setAttribute("id","preview");
slideshow.appendChild(preview);
insertAfter(slideshow,intro);
var link = intro.getElementsByTagName('a');
for (var i = 0; i < link.length; i++) {
link[i].onmouseover = function(){
var destination = this.getAttribute('href');
if (destination.indexOf("index.html")!=-1 ) {
moveElement(preview,0,0,5);
};
if (destination.indexOf("about.html")!=-1) {
moveElement(preview,-150,0,5);
};
if (destination.indexOf("photos.html")!=-1) {
moveElement(preview,-300,0,5)
};
if (destination.indexOf("live.html")!=-1) {
moveElement(preview,450,0,5)
};
if (destination.indexOf("contact.html")!=-1) {
moveElement(preview,600,0,5)
};
}
};
}}
addLoadEvent(prepareSlideshow)
添加回答
举报
0/150
提交
取消