根据浏览器当前的宽度,动态加载样式。

需要引入jquery1.3.2:

<script src="js/jquery/jquery-1.3.2.js" type="text/javascript"></script>

样式,注意ID:

<link id="cssfile" rel="stylesheet" type="text/css"/>

添加的jquery代码:

    <script type="text/javascript" language="javascript">
        //动态加载css样式
        $(document).ready(function() {
            if ($(document.body).outerWidth(true) > 1024) {  //判断是否大于1024
                $("#cssfile").attr("href", "css/zwxStytlebig1024.css");
            }
            else {
                $("#cssfile").attr("href", "css/zwxStyle1024.css");
            }
        });
    </script>
jquery的下载地址:http://docs.jquery.com/Downloading_jQuery

阅读更多
个人分类: jquery
上一篇如何将某个层固定在网页的底部,不会随网页右边滚动条的位置而改变
下一篇用jquery验证用户名是否有效或重复以及ajax出现的问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭