教程集 > 脚本编程 > javascript > 正文新闻列表滑门效果

新闻列表滑门效果

发布时间：2023-07-04 编辑：jiaochengji.com

教程集为您提供新闻列表滑门效果等资源，欢迎您收藏本站，我们将为您提供最新的新闻列表滑门效果资源

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">    <html><head><title>绝对经典的滑轮新闻显示(javascript css)</title>  <meta http-equiv=Content-Type content="text/html; charset=gb2312">  <style type="text/css">    </style>  </head>  <body>  <div id=cntR>    <div id=NewsTop>      <div id=NewsTop_tit>        <p class=topTit>新闻排行</p>        <p class=topC0>国内</p>        <p class=topC0>国际</p>        <p class=topC0>社会</p>        <p class=topC0>网评</p>      </div>      <div id=NewsTop_cnt><span title="Don't delete me"></span>  	<span>  	  新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河<br>        最高法:承诺不判赖昌星死刑没有超越法律程序<br>        物权法:满70年住宅建设用地使用权将自动续期<br>        弟弟被妻下药毒死男子买女尸为其配阴婚(图)<br>        揭开郑州神枪手神秘面纱 头号狙击手是近视眼<br>        美军高官:不排除和中国发生直接军事对抗可能<br>        浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕<br>        西方炒作"中国航母威胁论"称05年已正式服役<br>        女孩生活无法自理请人大代表递交安乐死议案<br>        建设部：住房公积金制度将覆盖农民工<br>  	  <div align="right">...more</div>      </span>  	<span>  	    美华裔女兵在营房上吊死亡军方介入调查(图)<br>          组图：美国总统布什车队被撞<br>          梦露掌握肯尼迪之弟秘密遭诱骗自杀(组图)<br>          孟加拉国严打贪官人人自危奔驰宝马抛弃路边<br>          韩国将举行大规模军事演习(图文)<br>          组图：土星最大卫星表面发现“海洋”<br>          墨西哥缉毒行动缴获2亿美元巨额现钞(组图)<br>          组图：全球掀起裸体抗议加拿大捕猎海豹活动<br>          美潜艇在百慕大失踪一晚航母战群出动搜索<br>          匈牙利20万人示威 政要被民众扔鸡蛋(组图)<br>  		<div align="right">...more</div>        </span>  	  <span>  	      深圳女工被三名男子轮奸男友目睹过程(组图)<br>            男子珍藏一角钱“币王”价格高达1.3万(图)<br>            青海女孩被困洗头房每天接客十几次(图)<br>            组图：老妻少夫演绎忘年恋69岁妻子成功除皱<br>            陕西蓝田县电视台播放淫秽影像 达10分钟左右<br>            女子自称被大学教授诱骗同居讨要分手费(图)<br>            组图：男女私处成造型“性”趣礼品太出格<br>            组图：四川泸州16岁女孩打造中国第一丑女<br>            最高法:承诺不判赖昌星死刑没有超越法律程序<br>            深圳发现睾丸被摘男童尸体续：疑为1月前失踪<br>  		  <div align="right">...more</div>          </span>  		<span>  		  养路费征稽员强制扣车致三轮车夫惨死车轮下<br>              20多位学者谈中医问题 方舟子遭多名专家批驳<br>              考研女生自称揭露监考老师作弊 成绩被判零分<br>              全国政协委员建议一户一房制引起网民热议<br>              河南周口市6名警察将人打昏后扔下楼摔死<br>              组图：69岁老妻除皱成功 与少夫开始新生活<br>              青海女孩被困洗头房每天接客十几次(图)<br>              美上将：解放军不是美军对手 导弹打不垮台湾<br>              新疆阜康铁路桥梁坍塌导致运煤列车脱轨<br>              铁道部回应吴敬琏质疑:春运不涨价将长期坚持<br>  			<div align="right">...more</div>          </span>  		</div>              <script>  				var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p');   				var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span');   				var len=Tags.length;   				var flag=1;//修改默认值  				for(i=1;i<len;i  ){  					Tags[i].value = i;  					Tags[i].onmouseover=function(){changeNav(this.value)};   					TagsCnt[i].className='undis';					  				}  				Tags[flag].className='topC1';  				TagsCnt[flag].className='dis';  				function changeNav(v){	  					Tags[flag].className='topC0';  					TagsCnt[flag].className='undis';  					flag=v;	  					Tags[v].className='topC1';  					TagsCnt[v].className='dis';  				}  			</script>    </div>  </div>  </body></html>

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

您可能感兴趣的文章：
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 基于jquery的滚动新闻列表
 python中怎么提取关键词
 javascript实现导航标签位于右侧的纵向选项卡
 【多图】时间序列预测算法-三次指数平滑法(Holt-Winters)
javascript标签页翻动效果(实例分享)(图文)
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
 仿126邮箱风格的选项卡菜单效果
 新闻列表鼠标滑过，显示单条详情
 网页超级链接

上一篇：JS焦点图联动效果代码下一篇：js拖动效果

[关闭]

新闻列表滑门效果

最近更新

浏览排行