仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 726|回复: 7
打印 上一主题 下一主题

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

[复制链接]
若天明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:38:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
以下的内容是一位网友的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 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
再现理想 该用户已被删除
5#
发表于 2015-2-21 00:33:50 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
变相怪杰 该用户已被删除
6#
发表于 2015-3-6 19:52:03 | 只看该作者
可以使用 CSS 检查工具进行设计。
飘飘悠悠 该用户已被删除
7#
发表于 2015-3-13 08:09:55 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
因胸联盟 该用户已被删除
8#
发表于 2015-3-20 17:58:20 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-6-26 12:22

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表