代码如下:<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <script> function createIframe(){ //mask遮罩层 var newMask=document.createElement("div"); newMask.id="mDiv"; newMask.style.position="absolute"; newMask.style.zIndex="1"; _scrollWidth=Math.max(document.body.scrollWidth,document.documentElem...
方法如下： 代码如下:<select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()"> <option>1</option> </select>
突然看到那个apple的底下的那个很漂亮,所以呢,我就改进了一下 做了一个图片版本的,好像很多人都做了个 http://home.goofar.com/bqqdqq/photo/a.html 上面这个是预览地址 如果浏览速度慢的话,下面是我做了一个包出来 兼容FF,IE 在线演示http://img.jb51.net/online/photo/a.html本地下载http://img.jb51.net/online/photo/photo.rar
有个静态页面 <span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span> 能否通过js实现，IE浏览时的代码被替换为 <img src="img/1.gif"/><img src="img/1.gif"/><img src="img/1.gif"/><img src="img/1.gif"/>function change() { var image=document.getElementById('pic') image.innerHTML="" } 无标题文档 移到我这儿来 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]方法二：...
比较常用的一种效果，当点击获取手机验证码之后，会有一个倒计时的效果，一般是60秒开始到0就变为“获取验证码”，下面以5秒动画图片示例：HTML代码<ul class="ulist"> <li class="group"> <label class="label" for="phone">联系电话：</label> <div class="controls"> <input type="text" id="phone" class="txt"> </div> </li> <li class="group"> <label class="label" for="code">验证码：</label> <div class="controls"> <i...
table表格，这个东西大家肯定都不陌生，代码中我们时常都能碰到，那么给table加一个斜线的表头有时是很有必要的，但是到底该怎么实现这种效果呢？ 我总结了以下几种方法： 1、最最最简单的做法 直接去找公司的UI，让她做一张图片，作为背景图片放到这里，然后撑满就可以了。是不是很简单！！！ 2、相当简单的做法 其实了解css3的朋友，一看到这个效果，脑子中瞬间出现的就是transform这个属性，是的，这个确实可以，也很简单，就是...
利用html的颜色块动态展示数据<style type="text/css">*{padding: 0;margin: 0;}.tubiao,.jihua,.shiji,.riqi{width: 100%;overflow: hidden;margin-top: 10px;}.left{width: 10%;float: left;text-align: center;height: 25px;line-height: 25px;}.right{width: 90%;float: right;height: 25px;}span {width: 5%;height: 100%;text-align: center;display: inline-block;}</style><body><div class="tubiao"><div class="jihua"><...
做一个太阳系八大行星的运转动画，不包括行星的卫星，所有行星围绕太阳公转，行星采用纯色，暂时没有自转。 效果静态图： 动画中包括：太阳及各行星，运行轨道，行星公转动画。 先画好草图，设计好大小和位置，根据公转周期计算好动画执行的时间。 html的结构: 一个class为solarsys的div，作为太阳系容器元素，该div的position为relative。 行星轨道和行星都用div，position为absolute。 容器用relative和内部元素采用absolute的定...
css： 代码如下: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} /* demo */ .demo{width:800px;margin:0 auto;} .demo div{margin:40px 0 0 0;} html： 代码如下: <div class="demo"> <div> <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=5" width="650" height="70" frameborder="0" marginwidth="0" marginhe...
效果很简单，只需要把下面的代码复制到你自己的页面中去运行一下就行了 代码如下: <!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body > <P align=left><MARQUEE height=293 beh...
制作html网页经常会使用到span这个标签，但有些朋友对这个标签很多朋友用不好，似乎觉得它又很好用，但有用起来又很麻烦，尤其是需要给它定义宽度和高度的时候。 曾经有朋友问：为什么给用css给span定义高度和宽度后，它的宽度和高度仍然没有变化，好像失效了一样？ 其实这个问题很简单——先要认清span的属性，因为span属于内联元素，而内联元素是忽略宽度和高度的，明白了这一点解决就很简单了，解决的办法就是利用css...
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>顶部固定</title> <style type="text/css"> html,body {overflow:hidden;margin:0px;width:100%;height:100%;} .virtual_body {width:100%;height:100%;overflow-y:scroll;overflow-x:auto;} .fixed_div {position...
有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly仅仅是无法编辑，不影响其值的传递。 Disabled使用：<INPUT type="text" name="username" value="james" disabled> Readonly使用：<INPUT type="text" name="partNumber" value="1500" readonly>
<p><b>这是加粗的字体</b></p> <p><i>这是倾斜的字体</i></p> <p><u>这是加下划线的字体</u></p> <p><s>这是加删除线的字体1</s></p> <p><strike>这是加删除线的字体2</strike></p> 效果如下： 这是加粗的字体 这是倾斜的字体 这是加下划线的字体 这是加删除线的字体1 这是加删除线的字体2
工作需要，要做一个手机自适应的网页效果，终于搞定，先分享并记录！ 其实主要就是改掉HTML页面声明： 在网页中加入以下代码，就可以正常显示了： 代码如下: <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/> 解释： width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例...