仓酷云
标题:
CSS教程之CSS网页隔行换色技能
[打印本页]
作者:
莫相离
时间:
2015-1-16 00:10
标题:
CSS教程之CSS网页隔行换色技能
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
CSS隔行换色的成绩，实在很复杂，您能够依据您的必要，接纳上面的任何一种办法，固然，要合适你的编码与需讨情况：
1、background背景图片
假如行高流动的话，保举利用背景图，也保举将行高流动！兼容统统扫瞄器。
2、CSSExpression
笔墨：color:expression(this.sourceIndex%2?#ff0000:#000000);
背景：background-color:expression(this.sourceIndex%2?#ff0000:#000000);
注重：本办法扫瞄器兼容度不敷，不撑持FF3。
3、class分离界说
<ul>
<liclass="bgcolor">...
<li>...
<liclass="bgcolor">...
<li>...
</ul>
实其实在的写法。
4、经由过程JS
看实例
运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>www.poluoluo.com-四种完成CSS隔行换色的办法</title><linkhref="index.css"rel="stylesheet"type="text/css"/><scripttype="text/javascript">functionbgChange(){if(!document.getElementsByTagName)returnfalse;vartables=document.getElementsByTagName("table");for(vari=0;i<tables.length;i++){varodd=false;trs=tables
.getElementsByTagName("tr");for(varj=0;j<trs.length;j++){if(odd==true){trs[j].style.background="#ccc";odd=false;}else{odd=true;}}}}window.onload=bgChange;</script></head><body><tablewidth="600"border="0"align="center"cellpadding="0"cellspacing="0"><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr><tr><td>测试笔墨</td><td>测试笔墨</td><td>测试笔墨</td></tr></table><scripttype=text/javascript>//<![CDATA[if(document.getElementById(processtime))document.getElementById(processtime).innerHTML="<spanclass=runtimedisplay>Runin184ms,9Queries.</span>";//]]></script></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]
在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
作者:
愤怒的大鸟
时间:
2015-1-18 05:25
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
作者:
分手快乐
时间:
2015-1-18 05:25
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.
作者:
小女巫
时间:
2015-1-24 20:43
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。
作者:
爱飞
时间:
2015-2-2 14:49
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。
作者:
乐观
时间:
2015-2-8 01:39
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
作者:
飘灵儿
时间:
2015-2-24 03:36
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
作者:
仓酷云
时间:
2015-3-7 10:50
学Dreamweaver技术的过程其实是一个增加信心的过程。
作者:
灵魂腐蚀
时间:
2015-3-15 03:41
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。
作者:
精灵巫婆
时间:
2015-3-21 20:16
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2