码迷,mamicode.com
首页 > 其他好文 > 详细

全屏游动的图片可以飘到浏览器外边

时间:2015-04-16 13:46:36      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>--- 全屏游动的图片,可以飘到浏览器外边哦---梨花粉价格|石家庄非标门</title>
    </head>
    <body>
    <SCRIPT LANGUAGE="JavaScript1.2">
    <!--
    /*
    Bouncing Image script II (By Dheera Venkatraman dheera@usa.net)
    Submitted to and modified by Dynamic Drive for code enhancements
    For full source, usage terms, and 100‘s more DHTML scripts, visit http://www.CsrCode.cn
    */
    //1) specify path to image//图片的路径
    var imagepath="/images/changshi.ico"
    //2) specify image dimensions//图片的大小
    var imagewidth=90
    var imageheight=90
    //3) change this to adjust speed (lower is slower)//速度
    var speed=8;
    //4) configure what should happen when user clicks on image
    //A value of "dismiss" will dismiss it, while a URL will cause the browser to navigate to it
    var imageclick="dismiss"
    //5) Finally, configure when the image should automatically disappear, in seconds (0=perpetual)
    var hideafter=0
    ////No editing required beyond this point/////////////////
    var isie=0;
    if(window.navigator.appName=="Microsoft Internet Explorer"&&window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE")+5,window.navigator.appVersion.indexOf("MSIE")+8)>=5.5) {
    isie=1;
    }
    else {
    isie=0;
    }
    if(isie){
    var preloadit=new Image()
    preloadit.src=imagepath
    }
    function pop() {
    if(isie) {
    x=x+dx;y=y+dy;
    oPopup.show(x, y, imagewidth, imageheight);
    if(x+imagewidth+5>screen.width) dx=-dx;
    if(y+imageheight+5>screen.height) dy=-dy;
    if(x<0) dx=-dx;
    if(y<0) dy=-dy;
    startani=setTimeout("pop();",50);
    }
    }
    function dismisspopup(){
    clearTimeout(startani)
    oPopup.hide()
    }
    function dowhat(){
    if (imageclick=="dismiss")
    dismisspopup()
    else
    window.location=imageclick
    }
    if(isie) {
    var x=0,y=0,dx=speed,dy=speed;
    var oPopup = window.createPopup();
    var oPopupBody = oPopup.document.body;
    oPopupBody.style.cursor="hand"
    oPopupBody.innerHTML = <IMG SRC="+preloadit.src+">;
    oPopup.document.body.onmouseover=new Function("clearTimeout(startani)")
    oPopup.document.body.onmouseout=pop
    oPopup.document.body.onclick=dowhat
    pop();
    if (hideafter>0)
    setTimeout("dismisspopup()",hideafter*1000)
    }
    // -->
    </SCRIPT>
    </body>
    </html>
    <br><br><hr>

 

全屏游动的图片可以飘到浏览器外边

标签:

原文地址:http://www.cnblogs.com/zhaozzm/p/4431604.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!