用javascript实现li 列表数据隔行变换背景颜色
New Document
- title
- 111
- 222
- 333
- 444
- 555
- 666
objName=document.getElementById("list01").getElementsByTagName("li")
for (i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
JS代码实现根据时间变换页面背景效果
1.概述 有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖.本实例通过Date对象的getHours()方法获得当前系统时间的小时,然后根据不同的时间段来改变页面的背景图片. 2.技术要点 主要使用JavaScript中的Date对象的getHours()方法得到当前系统时间的小时,然后在一定的时间段内判断当前小时是否符合指定的时间段,如果符合则使用document对象的write()方法在页面中显示一幅图
-
javascript背景颜色按时变换
<head> </head> <body onload="setcolor()" > <div id=mydiv style="font:12px sans-serif;width:300px;height:200px;">背景色测试</div> <script> function setcolor() { var colorString; do{ colorString="#&quo
-
Jquery刷新页面背景图片随机变换的实现方法
使用方法:下载jquery-1.9.1.js,然后设置CSS,图片文件放在images/new_feed/目录下,图片命名格式为bg_x.jpg,修改随机数产生范围 一.CSS代码 复制代码 代码如下: <style> body{ padding:0; background-attachment: fixed; background-clip: border-box; bac
-
响应鼠标变换表格背景或者颜色的代码
1.是图片 一般就是准备两张图片 当鼠标放上去即显示另外一张图片<table width="100" border="0" cellspacing="0" cellpadding="0" onmouseover=javascript:this.background='images/jb51-1.jpg' onmouseout=background='images/jb51-2.jpg'> 2.变换颜色如下所写,这个
-
js导航栏单击事件背景变换示例代码
如下所示; 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=
-
asp下制做行背景颜色交替变换的表格
<% Const adInteger = 3 Const adVarChar = 200 ' 声明变量 Dim myRecordset Dim iLetter Dim Field Dim strAltColor Dim bColor bColor = False ' 此例利用内存中的recordset,你需要做的只是修改你的数据显示的部分就可以了. Set myRecordset = Server.CreateObject("ADODB.Recor
-
一个背景云变换js特效 鼠标移动背景云变化
提到博客,不能不提到博客园cnblogs.com.绝对是国内非常非常牛逼的博客云集地.可能我关注博客的时间比较短,从2010年才开始,而那里的博主们基本4年以上的博龄了. 在群里有人要个比较个性的企业网站,诗缘妹子就贴了一个网址,我没事也点了看了下,果真不错.下面你就想到了,这个背景云变换js特效我看上眼了. 由于用的一些css3属性,部分低版本的浏览器可是没有效果的哦. 使用方法很简单,直接在你所要实现效果的最底层加入: 复制代码 代码如下: <!--parallax--> <link
-
用javascript实现li 列表数据隔行变换背景颜色
New Document title 111 222 333 444 555 666 objName=document.getElementById("list01").getElementsByTagName("li") for (i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
JavaScript实现LI列表数据绑定的方法
本文实例讲述了JavaScript实现LI列表数据绑定的方法.分享给大家供大家参考.具体如下: 利用JavaScript进行LI列表数据绑定,获取列表里面对应的LI,这是一位高人写的代码,看了才知道,原来并不很复杂,为什么之前用的方法那么笨? 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
-
JavaScript让网页出现渐隐渐显背景颜色的方法
本文实例讲述了JavaScript让网页出现渐隐渐显背景颜色的方法.分享给大家供大家参考.具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>javascript渐隐渐显的背景颜色</title> <style fprolloverstyle>A:hover
-
javascript实现的LI列表输出,隔行同色的代码
无标题文档 .mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px;width:50%;} .mytable ul li {padding-top:5px;text-indent:2em;list-style:none;background:url(http://www.blueidea.com/img/common/new_flash.gif) 3px 50% no-repeat;bord
-
JS+CSS实现Li列表隔行换色效果的方法
本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh
-
使用JavaScript和CSS实现文本隔行换色的方法
先来看一个简单的方法. 在 css 中定义两种样式 .odd{...} 和 .even{...} 分别用于奇数行和偶数行的不同背景颜色.在网页加载后通过 javascript 获取要变色的标签列表,执行如下代码: // 当文件加载时,执行代码. window.onload = function() { // 获取<ul id="list" />对象 var list = document.getElementById('list'); // 获取list下面的所有li va
-
js实现提交前对列表数据的增删改查
js实现列表数据的增删改查,AJAX提交后,js操作数据 最近工作中,有一处列表数据是页面初始化加载的,用户可以进行操作,因为这些数据并不存在数据库中,同时为了数据的整洁以及高效,所以要在页面进行增删改操作(其实查也可以,类似改),之前写过一个二维数组保存的,代码乱而且效率不高,后改用object 感觉还可以,主要是查询和删除的时候不需要自己遍历数组. 1. html 列表是用div+ul标签弄的,贴一些用到的片段 1.1 要展示的列表 <div class="tab">
-
利用正则表达式抓取博客园列表数据
鉴于我在要完成的asp.net MVC 3 仿照博客园企业系统要用到测试数据,我自己输入太累,所以我就抓取了博客园的部分列表数据,还请dudu不要见怪. 在抓取博客园数据的时候采用了正则表达式,所以有不熟悉正则表达式的朋友可以参考相关资料,其实很容易掌握,就是在具体的实例中会花些时间. 现在我就来把我抓取博客园数据的过程叙述一下,如果有朋友有更好的意见,欢迎提出来. 要使用正则表达式抓取数据,首先就要创建一个正则表达式进行匹配,我推荐使用regulator,这个正则表达式工具,我们可以先使用这个
-
JavaScript节点及列表操作实例小结
本文实例总结了JavaScript节点及列表操作的方法.分享给大家供大家参考.具体如下: (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2)添加.移除.替换.插入 appendChild() removeChild() replaceChild() insertBefore() (3)查找 getElementsByTagName() /
-
JS实现点击上移下移LI行数据的方法
本文实例讲述了JS实现点击上移下移LI行数据的方法.分享给大家供大家参考.具体如下: 这里演示JavaScript排序功能,点击按钮实现数据的上移和下称,一共有两组测试效果,上组采用箭头图标控制的方式,更美观,下组是直接使用文字,根据你的需要自行选择.myList为ul的id值,m为0显示文字,m为1显示图片,mO.mT为文字或图片内容. 演示效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional
随机推荐
- canvas实现手机端用来上传用户头像的代码
- Go语言hello world实例
- java中数组list map三者之间的互转介绍
- 如何在Oracle中导入dmp文件
- 有关Ajax跨域问题的两种解决方法
- 看到本质而不是现象--解决ASP.NET CS0016的问题
- ThinkPHP使用心得分享-分页类Page的用法
- 微信公众平台开发(五) 天气预报功能开发
- Python中在脚本中引用其他文件函数的实现方法
- C#图片处理类分享
- 在Linux系统安装MySql步骤截图详解
- PHP过滤黑名单关键字的方法
- vs2010无法添加dll引用的处理方法
- Ubuntu 17.04系统下源码编译安装opencv的步骤详解
- jQuery对象和DOM对象之间相互转换的方法介绍
- Js仿新浪微博首页内容滚动
- Javascript入门学习第三篇 js运算第1/2页
- js中switch case循环实例代码
- Android package属性、package name和Application ID三者的联系及区别
- C#验证码问题的快速解决方法