网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
DIV+CSS
> 正文
CSS或js实现行间交替背景色效果
http://www.11gz.com/blog/?p=152 2009/1/5 20:09:43 深山行者 字体:
大
中
小
浏览 9022
1.利用CSS控制行的属性:
以下为详细代码
<style type="text/css"> ul { list-style:none; font-size:12px; line-height:20px; color:#666;} ul li{background-color: expression(this.sourceIndex%2==0?'#EAF8FD':'#ffffff');} </style> <ul class="myul1"> <li>·河北作协副主席:我要给韩寒当爹真相</li> <li>·易建联:在美国去超市没有被认出来</li> <li>·徐友渔:买到假药举报无门的亲身经历</li> <li>·航天员如何在太空中吃饭上厕所(图) </li> <li>·90后大学生艳装军训雷晕教官(图)</li> <li>·北京报纸涨价便宜了谁</li> <li>·河北作协副主席:我要给韩寒当爹真相</li> <li>·易建联:在美国去超市没有被认出来</li> <li>·徐友渔:买到假药举报无门的亲身经历</li> <li>·航天员如何在太空中吃饭上厕所(图) </li> <li>·90后大学生艳装军训雷晕教官(图)</li> <li>·北京报纸涨价便宜了谁</li> </ul>
通过判断奇偶数来确定li的背景颜色,很简单吧!
2.利用JS控制各行的交替背景。
以下为详细代码
<style type="text/css"> ul { list-style:none; color:#666; font-size:12px;} .li01 { background:#EAF8FD; } .li02 { background:#fff; } </style> <ul id="list01"> <li>·河北作协副主席:我要给韩寒当爹真相</li> <li>·易建联:在美国去超市没有被认出来</li> <li>·徐友渔:买到假药举报无门的亲身经历</li> <li>·航天员如何在太空中吃饭上厕所(图) </li> <li>·90后大学生艳装军训雷晕教官(图)</li> <li>·北京报纸涨价便宜了谁</li> <li>·河北作协副主席:我要给韩寒当爹真相</li> <li>·易建联:在美国去超市没有被认出来</li> <li>·徐友渔:买到假药举报无门的亲身经历</li> <li>·航天员如何在太空中吃饭上厕所(图) </li> <li>·90后大学生艳装军训雷晕教官(图)</li> <li>·北京报纸涨价便宜了谁</li> </ul> <Script type="text/javascript"> objName=document.getElementById("list01").getElementsByTagName("li"); for (i=0;i<objName.length;i++){ (i%2==0)?(objName(i).className = "li01"):(objName(i).className = "li02"); } </Script>
两个方法都不错哦!值得推荐的!
前一页:
css解决中英混合链接下划线不对齐问题
后一页:
一张背景实现自适应九宫格
相关阅读
一行内文本超出指定宽度后用省略号代替
黑色的非常酷的简单JavaScript日历及说明
CSS教程:弄懂闭合浮动元素
div+css黑色焦点图(幻灯片效果非常 不错)
设置个性的文字链接样式,集齐网页上常见的链接样式
Javascript JS 限制复选框的选择个数(3)
一个利用radio单选选择框进行变色的网页效果
Javascript JS 限制复选框的选择个数
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>
最新添加文章
2026 aliyun阿里域名云注册续费优惠口令
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
更多>>
随机抽取信息
PS常用密技
javascript自动获取Tags关键字
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
jquery获取不同类型表单值的方式
在网页上禁止鼠标右键的方法(1)
Google的265导航站上顶部右边的logo上的眼珠特效 (兼容IE,FF)
更多标签
热门标签
web
文件大小
创建
ajax
留言
绝对定位
参数
提示
tab
静态
宽
二级
onblur
版权声明
display
FTP
列
div的高度
设置
操作
ico
弹出
ie6
float
站长
保留
pr
对话框
SEO
物理
代码 css
文件
Word
id
加减
复制
柱状图
div CSS
msn
ul
左 右 全 input
js
安装包
DIV CSS做的透明菜单兼容IE、FF等
div
插件
原则
email
密码
生成
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号