2014年05月_Hi_Panda_CRL

11月 10月 09月 08月 07月 06月 05月 04月 03月 01月

转载 CSS操作

目录DOM元素的CSS操作HTML元素的style属性style对象CSS生成内容CSS事件样式表获取样式表样式表对象添加样式表window对象的CSS相关方法window.getComputedStyle方法window.matchMedia方法参考链接CSS与JavaScript是两个有着明确分工的领域，前者负责页面的

2014-05-30 09:14:20 700

转载 js获取屏幕尺寸测试

屏幕尺寸测试 var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s += " 网页可见区域宽："+ docu

2014-05-29 16:34:52 1396

原创 js获取屏幕宽度

无标题文档Try itfunction myFunction() { var s = ""; s += "\r\n屏幕分辨率的宽："+ window.screen.width; alert(s);}

2014-05-29 08:26:57 771

要搞清楚浏览器内核是什么，首先应该先搞清楚浏览器的构成。简单来说浏览器可以分为两部分，shell+内核。其中shell的种类相对比较多，内核则比较少。Shell是指浏览器的外壳：例如菜单，工具栏等。主要是提供给用户界面操作，参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。也有一些浏览器并不区分外壳和内核。从Mozilla将Gecko独立出来

2014-05-28 11:01:50 531

转载使用CSS3 MEDIA QUERIES实现网页自适应

原文来源：http://webdesignerwall.com翻译：http://xinyo.org当今银屏分辨率从 320px (iPhone)到 2560px (大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页，现在有手机，平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择，网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整，以达到到最佳显

2014-05-23 16:53:37 918

原创 CSS文件动态加载

var node = document.createElement('link');node.rel = 'stylesheet';node.href = 'css/sch1.css';document.getElementsByTagName('head')[0].appendChild(node);

2014-05-23 12:25:18 672

转载用js实现根据不同的分辨率和浏览器调用不同的css文件

方法一：（根据ID设定）if (screen.width == "800"){document.getElementById("MyCSS").href="800.css";document.getElementById("xinxi").innerHTML="你的分辨率是800，系统自动为你处理为最佳显示模式。";} else if

2014-05-23 12:00:28 3719

转载详解CSS3特性@Media如何实现响应式设计

详解CSS3特性@Media如何实现响应式设计Jan 10 2014 10:36 AM2013年响应式设计已经成为国外网站的一项标配功能，国内越来越多的开发人员开始关注响应式设计，2014年相信国内更多的网站也将使用响应式设计，因为利用CSS3特性@media将很简单就能实现响应式设计，一次开发同时能在手机，平板，PC桌面等不同分辨率的设备下拥有较好的浏览体验。在 CS

2014-05-23 11:51:26 1447

转载 Fullscreen HTML5 Page Background Video

Fullscreen HTML5 Page Background VideoLAST UPDATED ON NOV 8, 2013 BY NAEEM NOORHTMLFullscreen video background is possible with pure CSS/HTML5, there is no need for a framework.

2014-05-21 16:42:18 811

转载 jQuery v1.9.1

2014-05-08 21:44:50 6246

转载网页自适应

<metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1" />

2014-05-08 21:18:27 687

转载 HTML5+CSS3的响应式网页设计：自动适应屏幕宽度

这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方，其中自己修改的一些地方在手机里面显示的效果不是很理想，于是想改成自适应的效果。对CSS3不是特别的熟练，只能去网上找找案例看了。发现一个不错的文章。写的比较入门，也很仔细。所以拿过来分享给大家。如果还想看图片的响应式案例可以看我找的另外的一篇《分享一个非常有用的HTML5+CSS3响应式图片案例》。移动设备正超

2014-05-08 21:10:26 4712

转载 jQuery 隐藏和显示

jQuery 隐藏和显示通过 hide() 和 show() 两个函数，jQuery 支持对 HTML 元素的隐藏和显示：实例$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});

2014-05-08 16:33:45 563

转载 CSS笔记

值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以

2014-05-08 16:30:51 484