鼠标划上标题，显示详细信息的JS效果– 网建动力企业库|免费b2b网站

<!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> <title>资讯中心-关于宇通-宇通集团</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <base href="http://www.yutong.com/"/> <link rel="stylesheet" href="/css_yt/about.css" type="text/css" media="all"/> </head> <body id="about"> <div id="container" class="clear"> <div id="content"> <div class="ui-tabs-panel"> <div class="news_list" class="clear"> <dl id="newsList"> <dt><span>2010-1-4</span><a href="/about/news.jsp#0">[宇通动态] </a><em>宇通重工数创喜人佳绩工程起重机频出订单</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925eccba80125f7045a4f0003&picPath=2c9e819925eccba80125f7045a4f0003/2.jpg" title='宇通重工数创喜人佳绩工程起重机频出订单' class="thickbox12"><img src="/upload/cmsobj/2c9e819925eccba80125f7045a4f0003/2.jpg" width="87" height="66" alt="宇通重工数创喜人佳绩工程起重机频出订单" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925eccba80125f7045a4f0003&picPath=2c9e819925eccba80125f7045a4f0003/2.jpg" title='宇通重工数创喜人佳绩工程起重机频出订单' class="thickbox12">宇通重工数创喜人佳绩工程起重机频出订单</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925eccba80125f7045a4f0003&picPath=2c9e819925eccba80125f7045a4f0003/2.jpg" title='宇通重工数创喜人佳绩工程起重机频出订单' class="thickbox12">服务带动效应，提升品牌优势！2009年12月，宇通重工工程起重机事业部又迎来一个销售高峰月。截止到本月底，工程起重机事业部已经销售7台设备，可喜的成绩让整个部门一片喜气洋洋，也是为...</a></p> </div> </dd> <dt><span>2009-12-24</span><a href="/about/news.jsp#2" >[媒体聚焦] </a><em>宇通创立“YES”电泳标准</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125be4d09e20016&picPath=2c9e819925b020cb0125be4d09e20016/ht.jpg" title='宇通创立“YES”电泳标准' class="thickbox12"><img src="/upload/cmsobj/2c9e819925b020cb0125be4d09e20016/ht.jpg" width="87" height="66" alt="宇通创立“YES”电泳标准" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125be4d09e20016&picPath=2c9e819925b020cb0125be4d09e20016/ht.jpg" title='宇通创立“YES”电泳标准' class="thickbox12">宇通创立“YES”电泳标准</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125be4d09e20016&picPath=2c9e819925b020cb0125be4d09e20016/ht.jpg" title='宇通创立“YES”电泳标准' class="thickbox12">近日, 宇通客车创立了客车行业{sg}、世界{dj0}水准的“YES”(Yutong Electrocoating Standard)电泳标准,结束了客车行业无电泳标准的尴尬,带给消费者更...</a></p> </div> </dd> <dt><span>2009-12-23</span><a href="/about/news.jsp#0" >[宇通动态] </a><em>国家发改委领导调研宇通</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125ba2d3529000e&picPath=2c9e819925b020cb0125ba2d3529000e/2.jpg" title='国家发改委领导调研宇通' class="thickbox12"><img src="/upload/cmsobj/2c9e819925b020cb0125ba2d3529000e/2.jpg" width="87" height="66" alt="国家发改委领导调研宇通" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125ba2d3529000e&picPath=2c9e819925b020cb0125ba2d3529000e/2.jpg" title='国家发改委领导调研宇通' class="thickbox12">国家发改委领导调研宇通</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125ba2d3529000e&picPath=2c9e819925b020cb0125ba2d3529000e/2.jpg" title='国家发改委领导调研宇通' class="thickbox12">12月19日下午，国家发改委副主任徐宪平一行15人，在副省长张大卫，省发改委主任张维宁，市委常委、常务副市长胡荃等省市领导陪同下调研宇通。</a></p> </div> </dd> <dt><span>2009-12-23</span><a href="/about/news.jsp#0" >[宇通动态] </a><em>宇通首届“创新节”活动启动</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125ba2bfd45000d&picPath=2c9e819925b020cb0125ba2bfd45000d/2.jpg" title='宇通首届“创新节”活动启动' class="thickbox12"><img src="/upload/cmsobj/2c9e819925b020cb0125ba2bfd45000d/2.jpg" width="87" height="66" alt="宇通首届“创新节”活动启动" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125ba2bfd45000d&picPath=2c9e819925b020cb0125ba2bfd45000d/2.jpg" title='宇通首届“创新节”活动启动' class="thickbox12">宇通首届“创新节”活动启动</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125ba2bfd45000d&picPath=2c9e819925b020cb0125ba2bfd45000d/2.jpg" title='宇通首届“创新节”活动启动' class="thickbox12">12月16日，公司发布了《关于举办宇通首届“创新节”活动》通知，首届宇通“创新节”活动正式面向集团全体员工征集创意项目。</a></p> </div> </dd> <dt><span>2009-12-22</span><a href="/about/news.jsp#2" >[媒体聚焦] </a><em>2009中国客车业“新闻摘要”</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125b520224e0005&picPath=2c9e819925b020cb0125b520224e0005/ht.jpg" title='2009中国客车业“新闻摘要”' class="thickbox12"><img src="/upload/cmsobj/2c9e819925b020cb0125b520224e0005/ht.jpg" width="87" height="66" alt="2009中国客车业“新闻摘要”" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125b520224e0005&picPath=2c9e819925b020cb0125b520224e0005/ht.jpg" title='2009中国客车业“新闻摘要”' class="thickbox12">2009中国客车业“新闻摘要”</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125b520224e0005&picPath=2c9e819925b020cb0125b520224e0005/ht.jpg" title='2009中国客车业“新闻摘要”' class="thickbox12">2009年，当年初“客车行业能否继续增长”的命题被提出时，几乎所有人都持悲观态度；但到了三、四季度，我们惊奇地发现，中国客车市场其实并不像想象中那样脆弱。</a></p> </div> </dd> <dt><span>2009-12-22</span><a href="/about/news.jsp#2" >[媒体聚焦] </a><em>宇通客车祭出春运组合拳提前50天备战春运</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125b51d54590003&picPath=2c9e819925b020cb0125b51d54590003/ht.jpg" title='宇通客车祭出春运组合拳提前50天备战春运' class="thickbox12"><img src="/upload/cmsobj/2c9e819925b020cb0125b51d54590003/ht.jpg" width="87" height="66" alt="宇通客车祭出春运组合拳提前50天备战春运" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125b51d54590003&picPath=2c9e819925b020cb0125b51d54590003/ht.jpg" title='宇通客车祭出春运组合拳提前50天备战春运' class="thickbox12">宇通客车祭出春运组合拳提前50天备战春运</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e819925b020cb0125b51d54590003&picPath=2c9e819925b020cb0125b51d54590003/ht.jpg" title='宇通客车祭出春运组合拳提前50天备战春运' class="thickbox12">尽管距离春运还有50多天，春运备战却已在客车企业率先打响。近日，连续7年进行春运专项服务活动的宇通公司再次未雨绸缪，宣布正式启动2010年春运服务活动。通过派发《优秀驾驶员十个好习...</a></p> </div> </dd> <dt><span>2009-12-9</span><a href="/about/news.jsp#2" >[媒体聚焦] </a><em>宇通“年末围城”</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199255c48ae0125724013400011&picPath=2c9e8199255c48ae0125724013400011/ht.jpg" title='宇通“年末围城”' class="thickbox12"><img src="/upload/cmsobj/2c9e8199255c48ae0125724013400011/ht.jpg" width="87" height="66" alt="宇通“年末围城”" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199255c48ae0125724013400011&picPath=2c9e8199255c48ae0125724013400011/ht.jpg" title='宇通“年末围城”' class="thickbox12">宇通“年末围城”</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199255c48ae0125724013400011&picPath=2c9e8199255c48ae0125724013400011/ht.jpg" title='宇通“年末围城”' class="thickbox12">通过11、12月的旺销，宇通正在为其全年持平的基本目标画上{zh1}一道“弧线”。</a></p> </div> </dd> <dt><span>2009-12-4</span><a href="/about/news.jsp#0" >[宇通动态] </a><em>郑州市人大常委会主任白红战率人大代表考察团来访宇通重工</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba012558decfff0047&picPath=2c9e8199250ac1ba012558decfff0047/bairenzhan1.jpg" title='郑州市人大常委会主任白红战率人大代表考察团来访宇通重工' class="thickbox12"><img src="/upload/cmsobj/2c9e8199250ac1ba012558decfff0047/bairenzhan1.jpg" width="87" height="66" alt="郑州市人大常委会主任白红战率人大代表考察团来访宇通重工" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba012558decfff0047&picPath=2c9e8199250ac1ba012558decfff0047/bairenzhan1.jpg" title='郑州市人大常委会主任白红战率人大代表考察团来访宇通重工' class="thickbox12">郑州市人大常委会主任白红战率人大代表考察团来访宇通重工</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba012558decfff0047&picPath=2c9e8199250ac1ba012558decfff0047/bairenzhan1.jpg" title='郑州市人大常委会主任白红战率人大代表考察团来访宇通重工' class="thickbox12">郑州市人大常委会主任白红战率人大代表考察团来访——就郑州市地税局“优质服务企业情况”进行专题调研，同时勉励我“宇通重工”加强产品研发力度，提升产品推广能力，扩大销售和研发队伍，为郑...</a></p> </div> </dd> <dt><span>2009-12-1</span><a href="/about/news.jsp#2" >[媒体聚焦] </a><em>价值宇通点石成金</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba01254839f8d9002d&picPath=2c9e8199250ac1ba01254839f8d9002d/ht.jpg" title='价值宇通点石成金' class="thickbox12"><img src="/upload/cmsobj/2c9e8199250ac1ba01254839f8d9002d/ht.jpg" width="87" height="66" alt="价值宇通点石成金" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba01254839f8d9002d&picPath=2c9e8199250ac1ba01254839f8d9002d/ht.jpg" title='价值宇通点石成金' class="thickbox12">价值宇通点石成金</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba01254839f8d9002d&picPath=2c9e8199250ac1ba01254839f8d9002d/ht.jpg" title='价值宇通点石成金' class="thickbox12"> 当“宇通杯”在交通运输部报告厅圆满落幕以后，客车行业的人士都说，“宇通赚了”。“宇通杯”让企业的营销活动升级为官方的全国推广，从范围来讲，“宇通杯”超出了企业的个体能力，从影响...</a></p> </div> </dd> <dt><span>2009-11-30</span><a href="/about/news.jsp#0" >[宇通动态] </a><em>宇通13.7米混合动力公交批量交付</em></dt> <dd class="clear"> <div class="news_pic"><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba012542c5b04d0027&picPath=2c9e8199250ac1ba012542c5b04d0027/20091130FSL.jpg" title='宇通13.7米混合动力公交批量交付' class="thickbox12"><img src="/upload/cmsobj/2c9e8199250ac1ba012542c5b04d0027/20091130FSL.jpg" width="87" height="66" alt="宇通13.7米混合动力公交批量交付" /></a></div> <div class="news_quote"> <h5><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba012542c5b04d0027&picPath=2c9e8199250ac1ba012542c5b04d0027/20091130FSL.jpg" title='宇通13.7米混合动力公交批量交付' class="thickbox12">宇通13.7米混合动力公交批量交付</a></h5> <p><a href="/about/search.do?method=searchDetailsNewsPop&oid=2c9e8199250ac1ba012542c5b04d0027&picPath=2c9e8199250ac1ba012542c5b04d0027/20091130FSL.jpg" title='宇通13.7米混合动力公交批量交付' class="thickbox12">1月27日上午，“ 科技领航价值（节能）典范——宇通客车•郑州公交ZK6140MGQA9混合动力公交车交车仪式”在郑州宇通工业园内拉开了序幕。10台即将交付使用的宇通13.7米混...</a></p> </div> </dd> </dl> </div> </div> </div> </div> <script type="text/javascript"> //<![CDATA[ (function(){ var news = document.getElementById('newsList'); if(news == null)return; var items = [ news.getElementsByTagName('dt'), news.getElementsByTagName('dd') ], curMenu=0;//默认{dy}条新闻处于展开状态 if(items[0].length != items[1].length)return alert('列表标题与内容没有一一对应!'); var em, showItem = function(){//鼠标移动到每个dt里面的em时,触发的函数 items[0][curMenu].className = '';//xx上一个显示的 dt 的样式 items[1][curMenu].className = 'clear';//xx上一个显示的 dd 的样式 this.parentNode.className = 'dt_current';//改变dt的样式 items[1][this['index']].className = 'dd_current';//改变dd的样式 curMenu = this['index'];//将当前的索引赋值给 curMenu }; for(var i=items[0].length; i--; ){ em = items[0][i].getElementsByTagName('em'); if(em.length < 1)return alert('第'+i+'个新闻标题生成的格式不正确,没有包含 em 标签!'); em[0]['index'] = i; em[0].onmouseover = showItem; } showItem.call(items[0][curMenu].getElementsByTagName('em')[0]);//根据curMenu的值,xx相应的新闻 })(); //]]> </script> </body> </html>

提示：你可以先修改部分代码再运行。

Posted in .

Tagged with , .

By – 2010年02月2日