摘要:
这是一个用无序列表加脚本制作的网站公告牌,可调用动态数据,你可设定轮显时间,在IE6+时有多种比较酷的过场效果,可访问性:IE6+、FF1+、OPera7+。 JS调节参数var tickspeed=4000 //显示时间(4000=4秒) var effectduration=500 //转换效果在每分钟持续时间 效果演示 代码见效果页 阅读全文
摘要:
这是一个用无序列表加脚本制作的网站公告牌,可调用动态数据,你可设定轮显时间,在IE6+时有多种比较酷的过场效果,可访问性:IE6+、FF1+、OPera7+。 JS调节参数var tickspeed=4000 //显示时间(4000=4秒) var effectduration=500 //转换效果在每分钟持续时间 效果演示 代码见效果页 阅读全文
摘要:
日前在http://www.dynamicdrive.com 看到一例Image Thumbnail Viewer的脚本,效果还不错,支持FF1+ IE5+ Opr7+,能通过W3C的检验,在IE5.5+中有图片谈出擦除过场效果。重写了DIV+CSS部分。预览最终效果。 CSS:#main{ background: #F1F1F1; width: 400px; margin: 0 auto;... 阅读全文
摘要:
这是用DIV+CSS+JS构成的树型菜单,采用列表,符合WEB标准,在大多数WIN浏览器下,兼容性不错,xhtml见效果页,我现在做的是二个菜单,如果需要添加,可把......之间的内容加上去,"submenuid"加1,查看效果。 CSS代码body { margin: 0px; padding: 0; font: 12px " Arial, Helvetica, sans-serif; ... 阅读全文
摘要:
这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现在加了脚本后,简单多了,假如有三个水平并列的DIV,fbox、mbox、sbox,只要在标签中写入:onload="P7_equalCols('fbox','mbox','sbox')",测试条件:ie5.x、ie6.0、FF1.03、NS... 阅读全文
摘要:
如果用传统的方法制作这个翻转菜单,至少需要把图片切成10块,还要加上JS代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图,最终效果。 CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ background: url(../images/navbg.gif); list-style-type... 阅读全文
摘要:
最终效果: 2005年5月30日 新闻标题01 2005年5月30日 新闻标题02 2005年5月30日 新闻标题03 2005年5月30日 新闻标题04 CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: ... 阅读全文
摘要:
其实这种菜单个人认为应该称作二级,但很多朋友都习惯把它叫作三级,就顺其自然吧!在IE6.0 IE5.X Firefox1.x NS7.2 Opera8.0中都能正确显示,只用到很少的JS代码,使用时只要把部分插入需要的地方即可。水平方向菜单演示>> 垂直方向菜单演示>> 水平方向的代码:CSS代码 #nav, #nav ul { float: left; list-style: none... 阅读全文
摘要:
这个登陆表单主要采用相对和绝对定位来制作,这样做的好处是不会因游览器的不同而产生错位现象,预览最终效果>>,代码如下。 CSS代码:label{ color: #666666; width: 40px; float: left; } .centerm{ padding: 58px 0px 5px; text-align: center; } #memberbg{ backgroun... 阅读全文
摘要:
h1h2h3h45h5h6是标准的HTML标签,其中h1最大,h6最小,主要用于标题,合理应用,能更好更快地被搜索引擎收录。在E文的网页中很容易使用,由于中文的字体如果大于14PX的话,会不太好看,所以需在CSS中设定一下。 H1-H6和其他尺寸的对照表,来源:http://www.w3.org/TR/CSS21/fonts.html . CSS absolute-size values x... 阅读全文
摘要:
转载:wx2.org 作者:王小二 TopStyle是我一直用的CSS编辑工具,最开始就是瞎用也没有仔细研究过,不过后来把里面的功能仔细看了看发现它的功能真是太强大了~ 在这里分享一下使用经验 :) 我在编辑CSS时常用的快捷键:文字注释:Shift+Ctrl+M向右缩进:Shift+Ctrl+.向左缩进:Shift+Ctrl+,下一个CSS:Ctrl+]上一个CSS:Ctrl+[选颜色:Sh... 阅读全文
|