仓酷云

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

[DIV+CSS] CSS教程之天边论坛上面流动漂泊殊效的做法

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:55:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
网页制造poluoluo文章简介:天边论坛上面流动漂泊殊效的做法.
有些器材找起来很贫苦,好用的又不太简单找到,之前看到良多用JS写的,流动漂泊这类效果拖动时不免会发生发抖
本人对CSS仍是蛮有好感的,找来找往找到了天边,细心一看是纯CSS的,没有利用JS效果
我以为它比之前看到的要精简些不必嵌套过剩的DIV
复杂的看一下CSS款式部分:
body{
background-image:url(text.txt);/*forIE6*/
background-attachment:fixed;
}
#bottomNav{
background-color:#096;
z-index:999;
position:fixed;
bottom:0;
left:0;
width:100%;
_position:absolute;/*forIE6*/
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);/*forIE6*/
overflow:visible;
}
HTML部分加上这个id为#bottomNav的DIV便可:
<divid=”bottomNav”>流动漂泊物在此处O(&cap;_&cap;)O~</div>
再看看这些必要注重的中央:
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
看到_top人人都晓得是为IE6独家筹办的,可是当我只加了下面这句时,IE6下拉动转动条看到的这个漂泊物是发抖的-_-|||
办理办法我们为IE6增加如许一条语句:
background-image:url(text.txt);
注重这里的text.txt实在不必要有这个txt文档,txt的文件名叫甚么看本人喜欢喽,云云一来我们就办理了IE6下的缓动成绩。
PS:你大概会对text.txt和expression感应忧郁,也有人利用多嵌套一层DIV做了个假转动条完成了这个办法,固然这类办法在也会响应的修改下默许属性,可这类写法和之前网站交融起来很忧郁,要增加一个DIV(由于我之前没有在最外层写DIV.wrap)。
比拟之下我更喜好天边如许的纯CSS写法
流动漂泊选择如许写的来由:
纯CSS的写法,制止了多嵌套一层内部DIV制造假转动条酿成的网站重构贫苦的为难局面。
同时不会有JS漂泊所发生的发抖效果。
大概更好的我没有发明,假如你有更多更好的办法别忘了告知我哈~

如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
柔情似水 该用户已被删除
沙发
发表于 2015-1-17 23:50:17 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-26 21:54:17 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
小魔女 该用户已被删除
地板
发表于 2015-2-4 23:24:50 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
精灵巫婆 该用户已被删除
5#
发表于 2015-2-10 23:25:52 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
爱飞 该用户已被删除
6#
发表于 2015-3-1 18:09:16 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
透明 该用户已被删除
7#
发表于 2015-3-10 23:01:32 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
admin 该用户已被删除
8#
发表于 2015-3-17 16:09:19 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
变相怪杰 该用户已被删除
9#
发表于 2015-3-24 13:25:22 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 20:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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