关闭

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

标签: 浏览器jquerystylesheetjavascriptfunctioncss
462人阅读 评论(0) 收藏 举报
分类:

需要引入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

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    文章存档