ass2css+js

div
{        margin:auto;
    position: relative;
    width:50%;
    height:50%;
}
div img
{        display: block
    position: absolute;
    width:100%;
    height:80%;
}

 

var slideimages = new Array();
var slidelinks = new Array();

function slideshowimages(){
    for (i=0; i < slideshowimages.arguments.length; i++){
        slideimages[i]=new Image();
        slideimages[i].src=slideshowimages.arguments[i];
    }
}

function slideshowlinks(){
    for (i=0; i < slideshowlinks.arguments.length; i++)
    slidelinks[i]=slideshowlinks.arguments[i];
}

function gotoshow(){
    if (!window.winslide||winslide.closed)
        winslide=window.open(slidelinks[whichlink]);
    else
        winslide.location=slidelinks[whichlink];
    winslide.focus();
}

//TO DO: Configure the paths of the images, plus corresponding target links
slideshowimages("img/1.jpg", "img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg");
//TO DO: Configure image target links
slideshowlinks("img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg");
//TO DO: configure the speed of the slideshow, in milliseconds
var slideshowspeed=1000;
var whichlink=0;
var whichimage=0;

var showSlide;

function slideit(){
    if (!document.images)
        return;
    document.images.slide.src=slideimages[whichimage].src;
    whichlink=whichimage;
    if (whichimage < slideimages.length-1)
        whichimage++;
    else
    whichimage=0;
    showSlide=setTimeout("slideit()",slideshowspeed);
}

function stopit(){
    document.images.slide.src=slideimages[0].src;
    clearTimeout(showSlide);
}

 

function changePara1()
{
document.getElementById("para1").innerHTML="New Text!";
}

function changeTextBack() {
    document.getElementById("para1").innerHTML="Original Text";
}

function insertCurrentDate()
{
document.getElementById("datePara").innerHTML=Date();
}

function changeStyle(){
    document.getElementById("stylePara").style.color="blue";
    document.getElementById("stylePara").style.fontSize="30px";
    document.getElementById("stylePara").style.cursor="pointer";
}

function restoreStyle() {
    document.getElementById("stylePara").style.color="black";
    document.getElementById("stylePara").style.fontSize="14px";
}

转载于:https://www.cnblogs.com/luaicun/p/5701853.html