div

最近老看浏览器的滚动条不顺眼,设置滚动条样式也只是IE的特有属性.抽了点时间用JS写了个模拟滚动条.IE下支持滚轮滚动,FF下暂时只能用鼠标拖动.说完废话,下面看代码吧~

Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用是一样的。

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码
CSS是 Cascading style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页，都有在有意无意地使用 CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。

调用方法:var myDrag=new Endrag(source,target,offSetX, offSetY);
参数说明:source–鼠标动作绑定对象;target–操作目标对象(要移动的对象);offSetX–横坐标偏移;offSetY–纵坐标偏移
说明:通过多次调用本方法绑定多个对象的拖动

绝对定位的DIV位置不随分辨率变化而变化 <div style=”z-index:50; position:absolute;top:240px;left:30%;margin:-100px 0 0 -100px;”>这里你可以放任何内容</div>

JS Div Scroll Bar用层模拟滚动条(ie, firefox下测试通过)

以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,

DIV相对于父DIV底部对齐 <style type=”text/css”> .box1 {border:1px #cccccc solid;  width:500px; height:600px;position:relative;} .box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;} </style> <div>     <div></div> </di …