仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1085|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之复杂有用的鼠标划过表格行背景变色效果

[复制链接]
乐观 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
当然从外界的各种渠道中,特别是互联网上,我们了解到现在市面上的公司并不关心网页是如何生成的,他们需要的是快速、高效的工作和花哨的页面。



在有很多内容必要列表时,出格是网站背景文章列表,一些时分会看错行而误操纵,形成不用要的贫苦。有了这个效果后,就不会由于点错行而形成丧失了。
简便有用的鼠标划过表格行背景变色效果,撑持IE6、IE7、FF2
<!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>鼠标划过表格行背景变色效果实例</title><styletype="text/CSS">#table{width:600px;border-collapse:collapse;border:1pxsolid#EEE;font-size:14px;}#tableth{background:#EEE;border-bottom:1pxsolid#CCC;padding:4px;text-align:left;}#tabletd{border:1pxsolid#EEE;padding:4px;}</style></head><body><tableid="table"><tr><th>栏目称号</th><th>网 址</th><th>文章数</th><th>网 站</th></tr><tr><td>CSS版式结构</td><td>http://www.ckuyun.com/layout/</td><td>52</td><td>尺度之路</td></tr><tr><td>DIV+CSS教程</td><td>http://www.ckuyun.com/css-1.shtml</td><td>124</td><td>尺度之路</td></tr><tr><td>DIV+CSS实例</td><td>http://www.ckuyun.com/css-2.shtml</td><td>88</td><td>尺度之路</td></tr></table><scripttype="text/javascript">varobj=document.getElementById("table");for(vari=0;i<obj.rows.length;i++){obj.rows.onmou搜索引擎优化ver=function(){this.style.background="#FFFF99";}obj.rows.onmou搜索引擎优化ut=function(){this.style.background="";}}</script></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
课余,我们也思考过为什么要学习并使用div+css,而不是如何实现某个细节。当然我们也不应当为了Div+css而Div+css。这样做毫无意义。而以下两点是我们总结了的它不得不说的好:
透明 该用户已被删除
沙发
发表于 2015-1-18 07:03:39 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
小妖女 该用户已被删除
板凳
发表于 2015-1-24 18:42:53 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
简单生活 该用户已被删除
地板
发表于 2015-2-2 13:03:25 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
兰色精灵 该用户已被删除
5#
发表于 2015-2-7 21:40:25 | 只看该作者
可以使用 CSS 检查工具进行设计。
因胸联盟 该用户已被删除
6#
发表于 2015-2-23 12:55:38 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
深爱那片海 该用户已被删除
7#
发表于 2015-3-7 09:19:16 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
灵魂腐蚀 该用户已被删除
8#
发表于 2015-3-14 22:43:28 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 08:17

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表