zoukankan      html  css  js  c++  java
  • 一些自己编写的简单的js

    图片在窗口内弹来弹去的效果

    <div class="FrontAdv_float01-default" style="position: absolute;z-index: 999; 450px; height: 200px;">
        <img src="http://www.houyigroup.com/imageRepository/2bcbdd45-4546-45a0-8869-557d06f521fd.jpg" alt="" height="200" width="450">
        <a style="position: absolute;top:0;right:0;font-size: 25px;">X</a>
    </div>
    <script>
        var leftcss = 50;
        var topcss = 50;
        leftb = 1;
        topb = 1;
    //        layer.alert("黑名单预警提示               根据化工群友举报, 山东汇淼环保科技有限公司(原淄博釜尊化工设备有限公司)存在欺诈行为, 请各位谨慎交易。                联系人:王芳(法人)18364360388");
            setInterval(function(){
                var height =$(window).height();
                var width =$(window).width();
                console.log(leftcss);
                console.log(topcss);
                if(leftb ==1){
                    if(leftcss >(width-449)){
                        leftb=0;leftcss--;
                    }else{
                        leftcss++;
                    }
                }else{
                    if(leftcss <1){
                        leftb=1;leftcss ++;
                    }else{
                        leftcss--;
                    }
                }
                if(topb ==1){
                    if(topcss >(height-201)){
                        topb =0;topcss --;
                    }else{
                        topcss ++;
                    }
                }else{
                    if(topcss <1){
                        topb =1;topcss ++;
                    }else{
                        topcss --;
                    }
                }
                $(".FrontAdv_float01-default").css({'left':leftcss,'top':topcss});
            },20);
    </script>
    View Code

     

  • 相关阅读:
    16-pymysql模块的使用
    15-可视化工具Navicat的使用
    14-补充内容:MySQl创建用户和授权
    13-多表查询
    12-单表查询
    11-数据的增删改
    springboot整合thumbnailator实现图片压缩
    centos7下使用yum安装redis
    springboot以jar包方式启动、关闭、重启脚本
    centos7-每天定时备份 mysql数据库
  • 原文地址:https://www.cnblogs.com/fpcing/p/8334411.html
Copyright © 2011-2022 走看看