HTML
关注
分享
扫一扫
文章平均质量分 71
iteye_11613
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
自适应屏幕宽度的网页设计（Responsive Web Design）——转
自适应屏幕宽度的网页设计（Responsive Web Design）——转发布于12-08-14 被阅读 1187 次 评论 1 条 编辑随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页内容？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽...原创 2013-06-22 22:09:52 · 677 阅读 · 0 评论 -
一句代码实现HTML5语音输入
淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，可能是因为太简单了，也就没有人讨论了吧。其实实现只需一句代码即可：x-webkit-speech一看到这句代码，想到了什么?对，这说明语音搜索只支持webkit内核浏览器，那么这段代码具体要放在哪呢?<input type="text" cla...原创 2014-01-22 12:26:11 · 2657 阅读 · 0 评论 -
使用Emmet时的HTML以及CSS缩写
语法:后代：>缩写：nav>ul>li<nav> <ul> <li></li> </ul> </nav> 兄弟：+缩写：div+p+bq<div></div> <p></p&am原创 2014-03-20 14:01:29 · 420 阅读 · 0 评论 -
html5开发之viewport使用
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：01<!-- ...原创 2014-03-25 23:49:52 · 106 阅读 · 0 评论 -
去掉iframe横向滚动条_iframe滚动条
主页面加IFRAME SCROLLING="YES"子页面'让竖条消失: <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'> </BODY> '让横条消失: <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'> </BODY>'还要去掉'子页面里的...原创 2013-01-07 17:06:56 · 517 阅读 · 0 评论 -
IndexedDB 工具类
var dbUtil = function () { var dbInfo={ dbName:"Wei_You_DB", // 名称 dbVersion:"1.0"// 版本 }; var $this = this; var db; var indexedDB = window.indexedDB || ...原创 2014-06-26 21:18:00 · 633 阅读 · 0 评论 -
溢出文字省略显示（非截取）
1.div中文字显示在一行，并将溢出的文字省略显示 <html><head><style type="text/css"> /*<![CDATA[*/ li { width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow...原创 2013-04-03 13:35:26 · 135 阅读 · 0 评论 -
js控制div弹层、遮罩《转》
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> ..原创 2013-04-13 21:39:56 · 166 阅读 · 0 评论 -
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/ <!DOCTYPE html PUBLIC "-//...原创 2013-04-13 22:12:49 · 261 阅读 · 0 评论 -
关于clientHeight、offsetHeight、scrollHeight
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网页高度 win...原创 2013-04-14 19:38:52 · 112 阅读 · 0 评论 -
IE6/IE7/IE8下float:right显示异常的解决方法
最简单的方法就是调换顺序，将需要右浮动的元素写在前面。如 <ul class="circleBtns"> <li id="xiaozhao" class="hb_cb"> <a href=""></a></原创 2014-10-11 11:43:08 · 239 阅读 · 0 评论 -
登录、注册的用户名去空格
用户注册时用户名不能有空格,用脚本怎么实现此限制?用户注册时用户名不能有空格,用脚本怎么实现此限制?有空格则alerhttp://www.youkuaiyun.com/expert/topic/743/743356.xml?temp=.9068872在javascript用函数去掉空格!然后和原来的字符串比较!不相等就是有空格!请问用那些函数?<script>var s="dds ...原创 2013-01-05 10:01:46 · 1698 阅读 · 0 评论 -
html5计算器html5Calculator.html
见附件源码：<!DOCTYPE html><html><head> <meta charset=utf-8/> <title>Calculator</title> <style id="jsbin-css"> div, span原创 2015-11-10 18:32:46 · 820 阅读 · 0 评论 -
控制网页背景、边框的透明度及全透明
一、设置首页主体部分（中、下部所有模块）的背景颜色半透明设置 说明：rgba()方法只适用非IE类浏览器。 设置的代码如下： <style type=text/css>.main{background:rgba(255, 255, 255, 0.4);}</style> 说明：rgba(255, 255, 255, 0.4)表示设置背景为白...原创 2012-11-20 17:29:17 · 881 阅读 · 0 评论 -
input text 的事件及方法
input text 的事件及方法引用功能被关闭了。事件 描述onactivate 当对象设置为活动元素时触发。onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。onbeforeactivate 对象要被设置为当前元素前立即触发。onbeforecut 当选中区从文档中删除之前在源对象触发。onbeforedeactivate 在 activeE...原创 2013-08-30 09:37:22 · 179 阅读 · 0 评论 -
css图片变灰.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <原创 2013-08-30 23:01:00 · 211 阅读 · 0 评论 -
HTML+CSS实现侧边栏收放
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2013-08-30 23:06:37 · 2376 阅读 · 0 评论 -
html5移动客户端的意义？
html5app也分情况： 一种是app, 只是通过html5做, 那其中一部分功能当然是通过第三方浏览器实现不了或者不能很好实现的了, 好处就是对性能要求不高的场景降低开发成本了 一种是网站本地化, 一小半的好处是比起浏览器打开更让用户具备归属感(前提是能推广动), 大半的好处是替用户省流量打开更快(想想jquerymobile之类各种...原创 2013-09-04 21:07:16 · 213 阅读 · 0 评论 -
CSS hack 针对IE6，IE7，firefox显示不同效果
区别不同浏览器的CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; ...原创 2012-10-07 10:17:06 · 137 阅读 · 0 评论 -
HTML可拖拽模拟对话框
<!DOCTYPE html><html><head> <title>Test</title> <style type="text/css" > html,body { height:100%; width原创 2015-08-31 17:54:00 · 718 阅读 · 0 评论 -
js 获取浏览器高度和宽度值(多浏览器)
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox...原创 2012-10-15 22:15:08 · 90 阅读 · 0 评论 -
关于 网页图片优化和体积压缩
质量不要太高，画质能忍受就好（储存为web时品质50-70）另外用 ctrl+alt+shift+s 储存为web所用格式，比直接另存为jpg少了很多备注信息，会小一点 jpg质量和文件大小的平衡点大约在7左右，大于7之后，画质增加缓慢，大小增加很快，小于7之后，画质下降很快，大小减少较慢 如何用Photoshop优化你的网页图片0By xtremefutur...原创 2012-10-30 16:26:10 · 522 阅读 · 0 评论 -
网页页面尺寸一般设置多大才合适
网页页面尺寸一般设置多大才合适网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等. 高度： 高度是可以向下延展的,所以一般对高度不限制. 对于一...原创 2012-11-04 21:09:04 · 500 阅读 · 0 评论 -
css实现input 输入框背景透明源码
为了让带背景颜色的表单页面更美观，有时候需要把input 输入框设置成透明的背景，实现这种效果，需要在input 添加输入框属性:"background-color:transparent"<input style="background-color:transparent" type="text" name="name"> (有边框)<input style="backgro原创 2012-11-05 22:38:28 · 2035 阅读 · 0 评论 -
HTML5滤镜效果demo
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2015-03-31 17:32:35 · 485 阅读 · 0 评论