- 博客(14)
- 资源 (23)
- 收藏
- 关注
转载 CSS操作
目录DOM元素的CSS操作HTML元素的style属性style对象CSS生成内容CSS事件样式表获取样式表样式表对象添加样式表window对象的CSS相关方法window.getComputedStyle方法window.matchMedia方法参考链接CSS与JavaScript是两个有着明确分工的领域,前者负责页面的
2014-05-30 09:14:20 722
转载 js获取屏幕尺寸测试
屏幕尺寸测试 var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ docu
2014-05-29 16:34:52 1423
原创 js获取屏幕宽度
无标题文档Try itfunction myFunction() { var s = ""; s += "\r\n屏幕分辨率的宽:"+ window.screen.width; alert(s);}
2014-05-29 08:26:57 800
转载 浏览器内核的解析和对比
要搞清楚浏览器内核是什么,首先应该先搞清楚浏览器的构成。简单来说浏览器可以分为两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。也有一些浏览器并不区分外壳和内核。从Mozilla将Gecko独立出来
2014-05-28 11:01:50 541
转载 使用CSS3 MEDIA QUERIES实现网页自适应
原文来源:http://webdesignerwall.com翻译:http://xinyo.org当今银屏分辨率从 320px (iPhone)到 2560px (大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页,现在有手机,平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择,网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整,以达到到最佳显
2014-05-23 16:53:37 937
原创 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 696
转载 用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 3776
转载 详解CSS3特性@Media如何实现响应式设计
详解CSS3特性@Media如何实现响应式设计Jan 10 2014 10:36 AM2013年响应式设计已经成为国外网站的一项标配功能,国内越来越多的开发人员开始关注响应式设计,2014年相信国内更多的网站也将使用响应式设计,因为利用CSS3特性@media将很简单就能实现响应式设计,一次开发同时能在手机,平板,PC桌面等不同分辨率的设备下拥有较好的浏览体验。在 CS
2014-05-23 11:51:26 1469
转载 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 831
转载 jQuery v1.9.1
/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license//@ sourceMappingURL=jquery.min.map*/(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},
2014-05-08 21:44:50 6295
转载 网页自适应
<metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1" />
2014-05-08 21:18:27 701
转载 HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果。对CSS3不是特别的熟练,只能去网上找找案例看了。发现一个不错的文章。写的比较入门,也很仔细。所以拿过来分享给大家。如果还想看图片的响应式案例可以看我找的另外的一篇《分享一个非常有用的HTML5+CSS3响应式图片案例》。移动设备正超
2014-05-08 21:10:26 4732
转载 jQuery 隐藏和显示
jQuery 隐藏和显示通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示:实例$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});
2014-05-08 16:33:45 582
转载 CSS笔记
值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以
2014-05-08 16:30:51 495
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人