首页 > 其他 > 详细

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

时间:2015-04-16 13:45:16      阅读:275      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!