ios0213的专栏

原创 Navigator 对象属性 详细介绍

详解如下：

转载 HTML DOM 多想单选时 显示选定的值

function check(browser)  {  document.getElementById("answer").value=browser  }您喜欢哪款浏览器？Internet ExplorerFirefoxNetscapeOpera您喜欢的浏览器是：

原创 CSS 定位2

原创 CSS中关于定位的问题， 相对，绝对定位

原创 css 链接变颜色 （加边框设置样式）

无标题文档.wrap{width:90%;height:1000px;border:2px solid #CCC;margin:0 auto;}.wrap_01{height:900px;margin:0px 10px 0px 10px;background-color:#EFEFEF;}.footer{height:40px;backg

原创 css 图片适应浏览器大小

常规图片一般采用这种方式插入现在可以用div方式，将图片设置为这个div的背景图片，此时div的宽度要比图片的宽度要宽，如：

原创 CSS 让页面内容居中显示

常见的如：#wrap{width:80%px;margnin:0 auto;}但是在这种方法在IE浏览器较低的版本中不支持，可以这样：#wrap{width:80%px;margnin:0 auto;align:left;}还可以这样：#wrap{width:720px;position:relative;left:50%;

原创 HTML CSS 水平导航

ul{margin:0;padding:0;list-style-type:none;}a:link,a:visited{display:block;width:160px;padding:4px;background-color:#BEBEBE;text-decoration:none;color:#FFF;text-align:center;

原创 css3 圆角框

无标题文档#demo1{width:800px;height:230px;border:#F00 1px solid;}#demo1:hover{border-radius:25px;-webkit-border-radius:25px;}#demo2{height:70px;width:220px;border:#F00 1px solid

原创 HTML5 用localStorage写的留言本

简单的web留言本工具body{text-align:center;}简单的web留言本function savestorage(){var txt_message=document.getElementById("demo").value;var time=new Date().getTime();   /*获取时间*/

原创 HTML5 存储的实现

无标题文档保存数据读取数据function savestorage(){var textValue=document.getElementById("demo").value;localStorage.setItem("message",textValue);}function loadstorage(){var tar=docu

原创 HTML5事件监听

无标题文档function playorpausevideo(){var videourl=document.getElementById("videourl").value;var video=document.getElementById("video");video.addEventListener("timeupdate",function(){var ti

原创 HTML5 播放视频代码

无标题文档ni de liulanqi bu zhichi shipin播放或暂停大中小var myvideo=document.getElementById("demo");function clic_play_pause(){if(myvideo.paused)   /*paused检测视频播放是否暂停*/  myvideo.pl

原创 HTML5 canvas 画布画圆

无标题文档canvas元素实例var t=document.getElementById("demo");var img=t.getContext("2d");img.fillStyle="#eeeeff";img.fillRect(0,0,400,300);var n=0;for(var i=0;i{img.beginPath(

原创 HTML5 学习小记

mark 页面中药突出显示的，一般要显示的内容与页面关系不大em strong 是突出显示这一段内容的重要性，而mark 一般显示的内容与文章关系不大。提交function ceh(){var file;var i;for(i=0;i{file=document.getElementById("file").files[i];alert(fi

原创 HTML学习小记

mark 页面中药突出显示的，一般要显示的内容与页面关系不大em strong 是突出显示这一段内容的重要性，而mark 一般显示的内容与文章关系不大。提交function ceh(){var file;var i;for(i=0;i{file=document.getElementById("file").files[i];alert(fi

原创 学些HTML5的一些小记

1.HTML中属性值的引号可以省去，可以用""  也可以用''   也可以直接用如2.scetion  定义文档中的节（区段）比如章节、页眉、页脚或文档中的其他部分。3.article 标签定义外部的内容（与上下文不相关的独立内容） 外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。4.aside

原创 自己写的两布局界面

无标题文档*{margin:0;padding:0;}.wrap{width:980px;margin:0 auto;border:1px solid #999;}#content{width:600px;height:800px;float:right;border:1px solid #F00;}#content h1,#co

原创 自己写的仿QQ空间导航栏

无标题文档*{margin:0;padding:0;}.wrap{width:900px;padding:0;margin:0 auto;border:1px solid #999;margin-top:40px;}.header{position:fixed;height:40px;width:100%;top:0;back

原创 水平导航栏

无标题文档*{padding:0;margin:0;}.wrap{width:700px;margin:0 auto;border:1px solid #FFF;}ul{margin:0;padding:0;list-style-type:none;overflow:hidden;}a:link,a:visited{text-

原创 纯CSS工具提示

无标题文档a.demo{position:relative;}a.demo span{display:none;}a.demo:hover span{position:absolute;display:block;top:-0.6em;left:12em;}span{color:#F00;}welcome

转载 简单的改变元素样式

控制类名（className 属性）className 属性设置或返回元素的class 属性。语法：object.className = classname作用:1.获取元素的class 属性2. 为网页内的某个元素指定一个css样式来更改该元素的外观看看下面代码，获得 元素的 class 属性和改变className：

转载 层模型--固定定位(参考医院网站底部提示框)

fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed;属性功能相同。以下代码可以

转载 CSS样式中的重要性。

重要性我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。如下代码：p{color:red!important;}p{color:green;}三年级时，我还是一个胆小如鼠的小女孩。这时 p 段落中的文本会显示的red红色。注意：!important要写在分号的前面这里注意

转载 CSS样式层叠的问题

层叠我们来思考一个问题：如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办？好，这一小节中的层叠帮你解决这个问题。层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。如下面代码:p{color:red;}p

转载 元素设置不同样式时调用哪一个样式问题---（样式权值）

有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码：p{color:red;}.first{color:green;}三年级时，我还是一个胆小如鼠的小女孩。p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种cs