彰化一整天的論壇

 找回密碼
 立即註冊
查看: 918|回復: 0

jquery 利用螢幕大小來改變class或加入class

[複製鏈接]
發表於 2013-9-16 21:54:05 | 顯示全部樓層 |閱讀模式
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. .pc{color:red;}
  6. </style>
  7. <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  9. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
  10. <meta charset=utf-8 />
  11. <title>JS Bin</title>
  12. </head>
  13. <body>
  14.   <div id=lab1 class="pc">123</div>
  15. </body>
  16. </html>
  17. <script>
  18. $(window).resize(function() {
  19.    if($(window).width()<400)
  20.                 $("#lab1").removeClass("pc");
  21.    else
  22.                 $("#lab1").addClass("pc");
  23. });
  24. </script>
複製代碼
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

 ㄚ母滴雞湯
 員林香純滴雞精

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)  |网站地图

GMT+8, 2019-10-19 07:32 , Processed in 0.126496 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表