您现在的位置:首页 >> 前端 >> 内容

js-css日常

时间:2017/1/9 9:48:11 点击:

  核心提示:背景图自适应js:$(.bg-img).css(width, document.body.clientWidth);css:.bg_img{background-image: url(/img...

背景图自适应

js:

$(".bg-img").css("width", document.body.clientWidth);

css:

.bg_img
{
    background-image: url(/img/bg.png);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}
//适应移动设备
.bg-img
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:-2;
}

移动设备屏幕大小

alert(document.body.clientWidth+" "+document.body.clientHeight );

移动设备,禁止滚动

document.body.addEventListener(
    'touchmove', 
    function (event)
    {
        event.preventDefault();
    },
    false
);

透明背景

.bg-white
{
    background-color:rgba(255, 255, 255, 0.50);
    padding: 25px;
    margin-top:20px;
}

JS引用JS

<script type=text/javascript>
    if (typeof SWFObject == "undefined") { 
        document.write('<scr' + 'ipt type="text/javascript" src="/scripts/XXX.js"></scr' + 'ipt>');}
</script> 

setTimeout

setTimeout 不能在$(doc..).ready(function(){});中使用 。

想调用传参数方法,用function(){ method(param);}

jq show()/hide()

该两方法会将display:none

如果是row结构,show回来时记得将display:inline,否则会变形

jq each

如果将统一class或标签的属性修改记得用each,否则会有些class或标签的属性修改不成功

Tags:JS SC CS SS 
作者:网络 来源:InE