若天明 发表于 2015-1-16 10:38:20

CSS教程之切合W3C尺度结构的js春联跟从告白

以下的内容是一位网友的DIVCSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多

[*]
[*]
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>切合尺度的一般事情的春联告白</title><scripttype="text/javascript"><!--lastScrollY=0;functionheartBeat(){vardiffY;if(document.documentElement&&document.documentElement.scrollTop)diffY=document.documentElement.scrollTop;elseif(document.body)diffY=document.body.scrollTopelse{/*Netscapestuff*/}//alert(diffY);percent=.1*(diffY-lastScrollY);if(percent>0)percent=Math.ceil(percent);elsepercent=Math.floor(percent);document.getElementById("leftDiv").style.top=parseInt(document.getElementById("leftDiv").style.top)+percent+"px";document.getElementById("rightDiv").style.top=parseInt(document.getElementById("leftDiv").style.top)+percent+"px";lastScrollY=lastScrollY+percent;//alert(lastScrollY);}//上面这段删除后,春联将不跟从屏幕而挪动。window.setInterval("heartBeat()",1);//--></script><styletype="text/css"><!--/*这里界说滴是页面高度,用来测试春联跟从效果滴,跟告白有关*/html,body{height:1000px;}#mm{height:1000px;}/*这里是设置春联款式滴*/#leftDiv,#rightDiv{width:120px;/*宽度*/height:250px;/*高度*/background-color:#e5e5e5;/*背景色彩*/border:1pxsolid#ddd;/*边框款式*/position:absolute;/*相对定位激活*/}--></style></head><body><divid="leftDiv"style="top:120px;/*间隔顶部120px*/left:2px;/*间隔左边2px*/">左边告白内容</div><divid="rightDiv"style="top:120px;/*间隔顶部120px*/right:2px;/*间隔右边2px*/">右边告白内容</div><divid="mm"></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
ie中母div被设置成特定高度之后,假如里面的子div高度(有float的话就以清除float的div的最底为总高度)超过了母div设置的高度,ie会自动把母div撑大,但是ff却不能,ff中母div的高度会依然,里面的子层会溢出到外面来。兼容方法:不要设置母层高度

透明 发表于 2015-1-24 12:06:37

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

莫相离 发表于 2015-2-1 10:54:28

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

再见西城 发表于 2015-2-7 06:32:06

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

再现理想 发表于 2015-2-21 00:33:50

滚动条)层属性--溢出(visible/hidden/scroll/auto)

变相怪杰 发表于 2015-3-6 19:52:03

可以使用 CSS 检查工具进行设计。

飘飘悠悠 发表于 2015-3-13 08:09:55

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

因胸联盟 发表于 2015-3-20 17:58:20

还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
页: [1]
查看完整版本: CSS教程之切合W3C尺度结构的js春联跟从告白