HTML下拉列表框 讲解： 1、value： House Blend 2、selected="selected"： 设置selected="selected"属性，则该选项就被默认选中。 下拉列表框进行多选： 下拉列表也可以进行多选操作，在标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。 HTML提交按钮...
问题 在一个网站中可能我的输入框式下面这样的： 设计者可能想让上传部分也像这样然后再添加一个select按钮。但是当我想把普通的输入框改为上传框时就根本不能工作。浏览器之间有很大的不同，给默认按钮添加样式也几乎不可能。 这很难成为设计的很好的上传框，但是也是我们能做的最多的了。 注意到Safari的设计有些不同。Safari小组想关闭手动输入文件的功能，可能担心这样的溢出。这样设计有个缺点就是用户在选择了一个文件之后...
这里是测试页。在JavaScript里面设置透明度 我用下面的代码来设置透明度： 代码如下: function setOpacity(value) { testObj.style.opacity = value/10; testObj.style.filter = alpha(opacity= + value*10 + ); } 在Mozilla和Safari里使用opacity，IE使用filter。value的值从0到10。 测试结果 IE说明：一个元素必须有一个layout来执行filter。并且IE6对于元素的left margin有很奇怪的表现。 翻译地址：http://www.quirk...
请注意代码和传统的DHTML的区别。在DHTML你通过直接修改页面上的特定元素来改变样式，而这里的代码修改的是样式表。在这里查看W3C DOM-CSS的兼容性列表。定义 一个页面总是包含一个或者几个样式表，一个样式表里面包含一条或者几条规则，一条规则里有详细的样式声明。这个页面的样式表如下： 代码如下: @import url("test.css"); p,h2,h3 { padding-right: 10px; } pre.test + * { margin-right: 20%; } pre.test { ...
另外，有时候你也许想知道添加到一个元素或者链接上的样式的具体内容。而style属性只能读取元素的内联形式的样式，所以如果你想读取其他样式就得另想办法了。 偏移 在使用一些小技巧之前，IE和Mozilla已经添加了一个比较好的办法：offsetSomething。使用这些属性你就能够读取这个段落现在的一些比较重要的样式。 举个例子，使用offsetWidth。你就能知道这个段落现在的宽度的像素值。为了测试，你可以改变一下窗口的大小然后再运行一...
offset 在所有的浏览器里面元素的offsetTop和offsetLeft两个属性都是很有用的。他们会给出你元素相对于父元素的坐标位置。 这段代码会向上查找offsetParent，然后添加offsetTop和offsetLeft。最终无论offsetParent在哪，他都会给出你元素在屏幕上的真正坐标。 解释 这段代码非常简单。先传入要计算的元素，然后设置变量curleft和curtop为0。 代码如下: function findPos(obj) { var curleft = curtop = 0; 如果浏览器支持offsetP...
当示例的box上的#链接处于活动状态的时候（不论是用tab然后点击enter或者使用鼠标点击）这个元素就能够通过方向键拖拽。然后点击enter或者Esc释放。（可以随意改变这些键。我不确定释放键应该设置成为什么所以enter和Esc都可以）使用 1、复制文章后面的dragDrop对象。 2、复制我的addEventSimple和removeEventSimple函数，这里需要。 3、设定keyHTML和keySpeed属性（下面有解释）。 4、确定你所要拖拽的元素都有位置属性：absolute...
CSS全称是cascading style sheets，中文名字叫级联样式单，也叫层叠样式表。它的好处就是能让代码整齐，并且可以批量处理一些样式。 基本语法： 注释符：/* */ 选择符：selector {attribute:value} 同一个属性的值用空格符号隔开，不同属性用分号隔开。 区分大小写。 比如要给页面中的table定制样式，则写table {.....;.....;} 选择符的使用方法有很多种，于是我又一次懒得打，从网上抄来的： 选择符模式 说明* 匹配任意元素。(通用...
附上代码： 代码如下: /*具体模块放在这个大div里*/ #contentmenu1{ width:100%; clear:both; height:800px; } /*具体模块div 由上下两块div构成 上面的div又左面 右边 三块拼成圆角图片 下面div主要放置内容 */ /*具体模块div*/ .content{ width:30%; height:190px; float:left; margin-left:2%; margin-top:10px; } /*具体模块div上部分*/ .content-top{ width:100.5%; height:24px; float:left; } /*具体模块div上部分左*...
CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于：.ad{ display:none}. 下面就是JS 控制CSS样式表的语法对照： CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border border border-bottom borderBottom border-bottom-color borderBottomC...
先给出函数。 代码如下: varaddSheet=function(){ vardoc,cssCode; if(arguments.length==1){ doc=document; cssCode=arguments[0] }elseif(arguments.length==2){ doc=arguments[0]; cssCode=arguments[1]; }else{ alert("addSheet函数最多接受两个参数!"); } if(!+"v1"){//增加自动转换透明度功能，用户只需输入W3C的透明样式，它会自动转换成IE的透明滤镜 vart=cssCode.match(/opacity:(d?.d+);/); if(t!=null){ cssCode=cssCo...
document.styleSheets里保存了当前页面上所有CSS规则的集合。通过它可以遍历出页面里定义的所有selector，访问selectorText属性可得选择器的匹配规则。然后将规则规则传递给 document.querySelectorAll 即可获取页面内匹配此规则的元素列表。这里我们只求CSS规则的覆盖率，所以访问 querySelectorAll().length 即可。通过排序就可看出各个CSS使用情况。代码很简单。 代码如下:var usage = [];var sheets = document.styleSheets; f...
浏览一些网站，经常看到网页链接的js css后面总是带有一些参数，今天详细查了一下： 出现此种情况，主要有两个可能: 脚本不存在，而是服务器端动态生成的，带一个参数表示生成脚本文件的版本号。 为加快响应速度，有些客户端会缓存相应的js css，因此每次升级了js css 版本号后，改变相应的版本号，客户端浏览器会自动去更新的新版本的js或是css 第二种情况应该是最多的
方法一：利用javascript的onfocus事件，实现如下：Html代码 代码如下:设计蜂巢如果引入了jQuery框架则可以利用它的事件绑定机制：Js代码 代码如下:$(a).bind(focus, function(){ if(this.blur){ //如果支持 this.blur this.blur(); } });方法二：利用css样式，实现如下：Css代码 代码如下:a{ blr: expression(this.onFocus=this.close()); } /* 只支持IE，过多使用效率低 */ a{ blr: expres...
使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。 行内样式(内联样式)即写在html标签中的style属性中，如 内嵌样式即写在style标签中，例如div{width:100px; height:100px} 链接式即为用link标签引入css文件，例如 导入式即为用import引入css文件，例如@import url("test.css")如果想用javascript获取一个元素的样式信息，首先想到的应该是元素的style属性。但是元素的style属性仅仅代表了元素的内联...